Use this page to see how changes to your design system affect your UI components. Typography components have their own route so you can see how they interact with each other.
Layout
Separator
LaunchFast
A Remix Stack.
Blog
Docs
Source
Scrollable
Skeleton
Resizable
Media
Icon
Avatar
LF
Avatar Group
LFLFLF
Navigation
Breadcrumb
Navigation Menu
Pagination
Menubar
Buttons
Button
Overlays
Tooltip
Dialog
Alert Dialog
Sheet
Drawer
The Drawer is commented out because it has a useLayoutEffect bug that affects SSR.
Popover
Dropdown Menu
ContextMenu
Right click here
Hover Card
Disclosure
Tabs
Account
Make changes to your account here. Click save when you're done.
Collapsible
@peduarte starred 3 repositories
@radix-ui/primitives
Accordion
Notifications
Toast
Alert
Heads up!
This is a warning. You should pay attention to it.
Heads up!
This is a warning. You should pay attention to it.
Status
Empty
Data Display
Badge
Badge
Badge
Badge
Badge
Progress
Table
| 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 |
| INV006 | Pending | Bank Transfer | $200.00 |
| INV007 | Unpaid | Credit Card | $300.00 |
| Total | $2,500.00 | ||
Data Table
| Status | Amount | |||
|---|---|---|---|---|
success | ken99@yahoo.com | $316.00 | ||
success | Abe45@gmail.com | $242.00 | ||
processing | Monserrat44@gmail.com | $837.00 | ||
success | Silas22@gmail.com | $874.00 | ||
failed | carmella@hotmail.com | $721.00 |
0 of 5 row(s) selected.
Card
Card title
Card description.
Card content.
Carousel
1
2
3
4
5
Data Entry
Input
Textarea
Input OTP
Label
Checkbox
Switch
Toggle
Toggle Group
Radio Group
Slider
Select
Command
This component is commented out because it forces the page to scroll to the first selected item. At the moment there is no way to disable this behavior, so uncomment/comment conditionally.
Combobox
Calendar
December 2024
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|