Announcement Bar
Avatar
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
RC
Badge
AccentWarningDangerSuccessNeutralGradient
MicroSmallRegular
BadgeBadge🔥Badge
Breadcrumb
Button
Calendar
March 2025
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
April 2025
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Callout
Checkbox
Chip
SmallLarge
OutlineFilledOutlineFilled
Add ItemNextDownload
Dismissable ChipDismissable ChipDismissable Chip
Command
Calendar
Search Emoji
Calculator
Profile
Billing
Settings
Container
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
DataTable
| Status | Amount | ||
|---|---|---|---|
success | Abe45@gmail.com | $242.00 | |
processing | Monserrat44@gmail.com | $837.00 | |
success | Silas22@gmail.com | $874.00 | |
failed | carmella@hotmail.com | $721.00 | |
success | ken99@yahoo.com | $316.00 |
Dialog
DropdownMenu
EmptyState
No Data AvailableTry adjusting your filters.
Flex
FilterChip
Status
Date
Search
Headline
Large Headline
Medium Headline
Small Headline
Left Aligned
Center Aligned
Right Aligned
This is a truncated headline that is very long
IconButton
Image
Indicator
2 new
InputField
This is a helper text
This field is required
$
USD
Label
Link
List
- StatusActive
- TypePremium Account
- CreatedApril 24, 2024
User Information
Popover
Radio
Search
Select
Separator
Sheet
Sidebar
Slider
Spinner
Switch
Table
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | $250.00 | Credit Card |
| INV002 | Pending | $150.00 | PayPal |
| INV003 | Unpaid | $350.00 | Bank Transfer |
| Section 1 | |||
| INV001 | Paid | $250.00 | Credit Card |
| INV002 | Pending | $150.00 | PayPal |
| INV003 | Unpaid | $350.00 | Bank Transfer |
| Section 2 | |||
| INV001 | Paid | $250.00 | Credit Card |
| INV002 | Pending | $150.00 | PayPal |
| INV003 | Unpaid | $350.00 | Bank Transfer |
Tabs
Account settings
Home
Text
primarysecondarytertiary
emphasis
accentattentiondangersuccessThis is a textThis is a textThis is a textThis is a textThis is a text
This is a textThis is a textThis is a textThis is a textThis is a textThis is a textThis is a textThis is a textThis is a text
TextArea
This is a helper text
This field has an error
Toast
Tooltip