PrimitivesBeta
Headless, accessible building blocks generated from the Solidiom registry. Each primitive ships its own overview, generated API reference, examples, and accessibility evidence.
52 primitives
52 primitives
- AccordionVertically stacked set of collapsible sections.
- AlertInline, non-modal alert for status messages with live region semantics.
- Alert DialogModal confirmation dialog requiring explicit user action.
- AvatarUser avatar with image and fallback.
- BadgeInline status or label indicator.
- BreadcrumbHierarchical location indicator with links.
- ButtonClickable trigger for actions.
- CalendarDate selection with day/month/year views.
- CardContent container with header, body, and footer.
- CarouselHorizontal slide-based content viewer.
- CheckboxBinary or indeterminate toggle control.
- CollapsibleSingle expandable/collapsible section.
- ComboboxText input with autocomplete dropdown.
- Command PaletteModal search and action launcher.
- Context MenuRight-click triggered menu.
- Data TableSortable, selectable table with column control.
- Date PickerCalendar popup for selecting dates.
- DialogModal or non-modal overlay window.
- DrawerSlide-in panel from any screen edge.
- Empty StatePlaceholder for empty content areas.
- FieldComposition wrapper: label + control + description + error with automatic ARIA wiring.
- Hover CardContent preview on hover with open delay and anchored positioning.
- InputText input and textarea with validation states and Field integration.
- Input OTPA one-time password input with individual character slots.
- KbdKeyboard shortcut display element.
- LabelAccessible label element linked to form controls via htmlFor.
- ListboxSingle or multi-select list of options.
- MenuAction list triggered by a button.
- MeterScalar measurement within a known range (e.g. disk usage, signal strength).
- Navigation MenuA top-level navigation component with accessible dropdown sub-menus.
- PaginationPage navigation with prev/next and page numbers.
- PopoverNon-modal floating content panel.
- ProgressDeterminate and indeterminate progress indicator.
- Radio GroupSingle-select radio button set with keyboard navigation.
- Resizable PanelsDrag-to-resize panel layout.
- Scroll AreaCustom-styled scrollbar with native scrolling performance.
- SelectDropdown selection from a list of options.
- SeparatorHorizontal or vertical visual divider.
- SheetSide-panel dialog with slide animation.
- SkeletonLoading placeholder with pulse animation.
- SliderNumeric range input with thumb control.
- SpinnerLoading spinner indicator.
- SwitchBinary toggle with on/off semantics.
- TabsTabbed content switcher.
- ToastTemporary non-blocking notification.
- ToggleA two-state button that can be toggled on or off.
- Toggle GroupGroup of mutually-exclusive or multi-select toggle buttons.
- ToolbarGrouped actions and controls in a horizontal bar.
- TooltipContextual hint shown on hover/focus.
- TreeHierarchical tree view with expand/collapse.
- Virtual ListViewport-windowed list for large datasets.
- Visually HiddenHides content visually while keeping it accessible to screen readers.
- AccordionVertically stacked set of collapsible sections.
- AlertInline, non-modal alert for status messages with live region semantics.
- Alert DialogModal confirmation dialog requiring explicit user action.
- AvatarUser avatar with image and fallback.
- BadgeInline status or label indicator.
- BreadcrumbHierarchical location indicator with links.
- ButtonClickable trigger for actions.
- CalendarDate selection with day/month/year views.
- CardContent container with header, body, and footer.
- CarouselHorizontal slide-based content viewer.
- CheckboxBinary or indeterminate toggle control.
- CollapsibleSingle expandable/collapsible section.
- ComboboxText input with autocomplete dropdown.
- Command PaletteModal search and action launcher.
- Context MenuRight-click triggered menu.
- Data TableSortable, selectable table with column control.
- Date PickerCalendar popup for selecting dates.
- DialogModal or non-modal overlay window.
- DrawerSlide-in panel from any screen edge.
- Empty StatePlaceholder for empty content areas.
- FieldComposition wrapper: label + control + description + error with automatic ARIA wiring.
- Hover CardContent preview on hover with open delay and anchored positioning.
- InputText input and textarea with validation states and Field integration.
- Input OTPA one-time password input with individual character slots.
- KbdKeyboard shortcut display element.
- LabelAccessible label element linked to form controls via htmlFor.
- ListboxSingle or multi-select list of options.
- MenuAction list triggered by a button.
- MeterScalar measurement within a known range (e.g. disk usage, signal strength).
- Navigation MenuA top-level navigation component with accessible dropdown sub-menus.
- PaginationPage navigation with prev/next and page numbers.
- PopoverNon-modal floating content panel.
- ProgressDeterminate and indeterminate progress indicator.
- Radio GroupSingle-select radio button set with keyboard navigation.
- Resizable PanelsDrag-to-resize panel layout.
- Scroll AreaCustom-styled scrollbar with native scrolling performance.
- SelectDropdown selection from a list of options.
- SeparatorHorizontal or vertical visual divider.
- SheetSide-panel dialog with slide animation.
- SkeletonLoading placeholder with pulse animation.
- SliderNumeric range input with thumb control.
- SpinnerLoading spinner indicator.
- SwitchBinary toggle with on/off semantics.
- TabsTabbed content switcher.
- ToastTemporary non-blocking notification.
- ToggleA two-state button that can be toggled on or off.
- Toggle GroupGroup of mutually-exclusive or multi-select toggle buttons.
- ToolbarGrouped actions and controls in a horizontal bar.
- TooltipContextual hint shown on hover/focus.
- TreeHierarchical tree view with expand/collapse.
- Virtual ListViewport-windowed list for large datasets.
- Visually HiddenHides content visually while keeping it accessible to screen readers.