Components
A collection of foundational components designed to be headless, accessible, and highly customizable.
Primitives
Foundation components for building higher-level abstractions.
| Name | Description |
|---|---|
| Atom | Polymorphic element with dynamic as prop and renderless mode |
Providers
Pure context providers for state management. Always renderless—they provide logic without rendering DOM elements.
| Name | Description |
|---|---|
| Selection | Multi-selection state with v-model binding |
| Single | Single-selection with automatic deselection |
| Group | Multi-selection with tri-state support |
| Step | Sequential navigation (first, last, next, prev) |
Forms
Form control components with accessibility and validation support.
| Name | Description |
|---|---|
| Checkbox | Checkbox controls with dual-mode (standalone/group) and tri-state support |
Semantic
Components with meaningful HTML defaults. Render semantic elements by default but support the as prop for customization.
| Name | Description |
|---|---|
| Avatar | Image/fallback avatar with priority loading |
| Pagination | Page navigation with semantic <nav> wrapper |
Disclosure
Components for showing/hiding content.
| Name | Description |
|---|---|
| Dialog | Modal dialog with focus management |
| ExpansionPanel | Accordion-style collapsible panels |
| Popover | CSS anchor-positioned popup content |
Was this page helpful?