Navigation
  • Dashboard
  • Inbox
  • Calendar
  • Search
Projects
  • Design System
  • Marketing Site
  • Mobile App
Settings
  • Settings
  • Help & Support
  • JD
    John Doe [email protected]
GitHub

Component Previews

Isolated component renders for documentation embeds.

Alert
Default Destructive Info Success Warning
Badge
Default Sizes Variants With Icons
Breadcrumbs
Custom Separators Default Responsive With Ellipsis With Icons
Calendar
Default Monday Start Range Single With Constraints
Card
Default Simple With Footer With Header
Combobox
Default With Groups With Selection
Date Picker
Default Disabled Range With Constraints With Selection
Drawer
Default Left Side
Dropdown Menu
Default Icon Trigger With Icons With Shortcuts
Empty
Compact Default Outline With Action
Form
Button Checkbox Default Input Radio Select Switch Textarea
Header
Default With Actions With Breadcrumbs
Pagination
Default
Separator
Default Vertical
Sidebar
Default
Specimen
Elevation Marks Shape States
Stats
Card Default With Action
Table
Bordered Default Striped
Theming
Elevation Marks Shape
Toast
Default
Toggle Group
Default
Query Parameters
  • ?theme=dark - Enable dark mode
  • ?color_theme=blue - Set color theme (neutral, green, rose, blue)
  • ?shape_theme=brutal - Set shape theme (brutal, soft) — token values only