Design System Playground
shadcn-svelte + Melt UI Components
Buttons
Form Components
Dialog & Drawer
Card, Badge & Avatar
Card Title
Card description goes here
This is the card content area.
Badges
Default Secondary Outline Destructive
Avatars
SC
AB
Dropdown Menu & Popover
Table & Pagination
| Name | Status | Amount |
|---|---|---|
| John Doe | Active | $250.00 |
| Jane Smith | Pending | $150.00 |
| Bob Johnson | Inactive | $350.00 |
Toast Notifications
Alerts & Alert Dialog
Info Alert
This is an informational alert message.
Error Alert
This is an error alert message.
Tabs
Content for Tab 1
Content for Tab 2
Content for Tab 3
Accordion
Content for accordion item 1. This can contain any HTML or components.
Content for accordion item 2. This can contain any HTML or components.
Content for accordion item 3. This can contain any HTML or components.