Component Status Matrix
Comprehensive overview of all components in the design system, including their status, documentation, and implementation details.
Showing 63 of 63 components
| Component | Category | Layer | Status | Playground | Last Updated | Docs |
|---|---|---|---|---|---|---|
| Accordion Expand/collapse grouped sections. | Containers | composers | Planned | ✓ | — | ✓ |
| Action Bar Groups actions with priority + overflow. | Actions | composers | Planned | — | — | ✓ |
| Avatar User representation (image/initials). | Display | compounds | Built | — | — | ✓ |
| Badge Count/label indicator. | Feedback | compounds | Built | — | — | ✓ |
| Breadcrumbs Parent-child navigation trail. | Navigation | compounds | Built | — | — | ✓ |
| Button Clickable action element. | Actions | primitives | Built | ✓ | ✓ | |
| Card Grouped container with header/body/footer. | Display | compounds | Built | ✓ | — | ✓ |
| ChartContainer Frame for charts (not chart itself). | Data Visualization | composers | Planned | — | — | ✓ |
| Checkbox Binary toggle control. | Inputs | primitives | Planned | ✓ | — | ✓ |
| CheckboxGroup Grouped options with label. | Inputs | compounds | Planned | — | — | ✓ |
| Chip Label + optional dismiss. | Display | compounds | Planned | — | — | ✓ |
| ColorPicker Input + palette. | Inputs | compounds | Planned | — | — | ✓ |
| ContextMenu Right-click menu. | Actions | composers | Planned | — | — | ✓ |
| DatePicker Input + calendar popover. | Inputs | compounds | Planned | — | — | ✓ |
| Dialog Blocking and non-blocking overlay container. | Containers | composers | Built | ✓ | — | ✓ |
| Divider Visual separator. | Display | primitives | Built | — | — | ✓ |
| Drawer Sliding overlay. | Containers | composers | Planned | — | — | ✓ |
| Dropdown Triggered list of actions. | Actions | compounds | Planned | — | — | ✓ |
| Field Governs label/error associations for controls. | Forms | composers | Built | — | — | ✓ |
| FileInput File picker + label. | Inputs | compounds | Planned | — | — | ✓ |
| FilterBar Toolbar specialized for filters. | Actions | composers | Planned | — | — | ✓ |
| Form Orchestrates validation and submission. | Forms | composers | Planned | — | — | ✓ |
| Heading Section title. | Textual | primitives | Planned | — | — | ✓ |
| Icon Scalable glyph. | Display | primitives | Built | — | — | ✓ |
| IconButton Button containing only an icon. | Actions | primitives | Planned | — | — | ✓ |
| Image Displays media. | Display | primitives | Built | — | — | ✓ |
| Input Single-line text entry. | Inputs | primitives | Built | ✓ | ✓ | |
| ListItem Item with primary/secondary text and optional icon. | Display | compounds | Planned | — | — | ✓ |
| Loading Overlay Full-screen blocking state. | Feedback | composers | Planned | — | — | ✓ |
| Mention Picker Autocomplete list for @ mentions. | Editing | composers | Planned | — | — | ✓ |
| MenuButton Triggered list of actions. | Actions | compounds | Planned | — | — | ✓ |
| Message Composer Text input + attachments + formatting. | Editing | composers | Planned | — | — | ✓ |
| Modal Blocking and non-blocking overlay container. | Containers | composers | Planned | — | — | ✓ |
| Multi-Step Form Multi-step field orchestration. | Forms | composers | Planned | — | — | ✓ |
| NavigationRail App-wide nav structure. | Navigation | composers | Planned | — | — | ✓ |
| Pagination Controls item/page navigation. | Navigation | composers | Planned | — | — | ✓ |
| Popover Anchored floating UI. | Containers | composers | Built | — | — | ✓ |
| ProgressBar Linear visual progress. | Feedback | compounds | Planned | — | — | ✓ |
| Radio Single-choice option. | Inputs | primitives | Planned | — | — | ✓ |
| RadioGroup Grouped options with label. | Inputs | compounds | Planned | — | — | ✓ |
| Rich Text Editor Schema + plugins + toolbar orchestration. | Editing | composers | Planned | — | — | ✓ |
| SearchField Input + search icon + clear button. | Inputs | compounds | Planned | — | — | ✓ |
| SegmentedControl Group of related toggle buttons. | Actions | compounds | Planned | — | — | ✓ |
| Select Dropdown (native/custom). | Inputs | compounds | Built | ✓ | — | ✓ |
| Sidebar Sliding overlay. | Containers | composers | Built | — | — | ✓ |
| Sidebar Nav App-wide nav structure. | Navigation | composers | Planned | — | — | ✓ |
| Slider Continuous or stepped numeric input. | Inputs | primitives | Planned | — | — | ✓ |
| Snackbar Temporary notifications. | Feedback | composers | Planned | — | — | ✓ |
| Spacer Non-semantic layout gap. | Display | primitives | Planned | — | — | ✓ |
| Spinner Indeterminate loading indicator. | Feedback | compounds | Built | — | — | ✓ |
| Stepper Multi-step progress indicator. | Navigation | compounds | Planned | — | — | ✓ |
| Switch Binary toggle styled as a slider. | Inputs | primitives | Built | ✓ | — | ✓ |
| TableRow Standardized table row. | Display | compounds | Planned | — | — | ✓ |
| Tabs Tablist + tabpanels orchestration. | Navigation | composers | Built | — | — | ✓ |
| Tag Label + optional dismiss. | Display | compounds | Planned | — | — | ✓ |
| Text Styled body copy. | Textual | primitives | Built | — | — | ✓ |
| TextareaField Multiline entry. | Inputs | compounds | Planned | — | — | ✓ |
| TextField Input + Label + Error + Helper. | Inputs | compounds | Built | — | — | ✓ |
| Toast Temporary notifications. | Feedback | composers | Built | — | — | ✓ |
| ToggleGroup Group of related toggle buttons. | Actions | compounds | Planned | — | — | ✓ |
| Toolbar Groups actions with priority + overflow. | Actions | composers | Built | — | — | ✓ |
| Tooltip On-hover/focus info. | Feedback | compounds | Built | ✓ | — | ✓ |
| Wizard Multi-step field orchestration. | Forms | composers | Planned | — | — | ✓ |