0. Design Tokens
1. Foundations
2. Components
Button
Versatile button with variants, sizes, and icon support
Card
Flexible container with slots for header, description, input, and actions
Input
Text input with multiple types and validation states
Checkbox
Checkbox component with states and interactive examples
Dropdown
Dropdown menu with trigger and action items
Details
Collapsible content disclosure with smooth animations
3. Patterns
Row Layout
3-column flexible layout (start | center | end)
Button Patterns
Icon-only, toggles, groups, and filter buttons
Task List
Task management with checkboxes and actions
Toast Undo
Reversible actions with undo window
Modal Dialog
Overlay with confirmation, form, and alert patterns
Form Patterns
Field layouts, hints, inline forms, multi-column
Modal
Generic overlay for dialogs and notifications
Settings Modal
Modal with theme selector and appearance toggle
Footer
Sticky footer with left, center, and right slots
Theme Selector Pattern
Light/dark mode toggle for theme selection