Data Display
Components for displaying data: tables, avatars, badges, and progress indicators.
Avatar
Display user profile images with fallbacks.
CN
JD
AB
LGBadge
Small status indicators and labels.
Default
Secondary
Outline
Destructive
Active
Pending
Info
Progress
Show progress completion with visual indicators.
Loading...
25%
Uploading file
66%
Complete
100%
Skeleton
Loading placeholders that mimic content structure.
Table
Display tabular data with consistent styling.
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid |
Credit Card | $250.00 |
| INV002 | Pending |
PayPal | $150.00 |
| INV003 | Unpaid |
Bank Transfer | $350.00 |
| INV004 | Paid |
Credit Card | $450.00 |
| INV005 | Paid |
PayPal | $550.00 |
| Total | $1,750.00 | ||
Separator
Visual divider between sections.
BlazorBlueprint
A beautiful component library for Blazor.
Docs
Source
GitHub