Component Showcase
Every primitive in one place. Toggle the theme to verify light/dark parity.
Button
Badge
Default
Secondary
Outline
Destructive
Avatar
ACBMCS
Input / Textarea / Label
Select
Checkbox / Switch
Separator
Above
Below
LeftRight
Skeleton
Alert
Heads up
This is a default informational alert message.
Error
Something went wrong. Please try again later.
Card
Account Summary
Your current usage at a glance.
5 active projects
12 team members
Minimal card
A card without a footer for concise info display.
Tabs
Summary metrics appear here in Stage 3+.
Table
| Name | Role | Status | |
|---|---|---|---|
| Alice Chen | alice@example.com | Admin | Active |
| Bob Markus | bob@example.com | Editor | Inactive |
| Carol Smith | carol@example.com | Viewer | Active |
Tooltip
Popover
Dropdown Menu
Dialog
Alert Dialog
Sheet
StatusBadge
Active
Invited
Inactive
Suspended
Pending
Success
Error
Area Chart
Revenue vs. Target
Last 6 months
Bar Chart
Traffic by Source
Line Chart
Daily Orders
Last 14 days