Solid Aria

A library of high-quality primitives that help you build accessible user interfaces with SolidJS.

⚠️ Solid Aria is in early stage and not ready for production ⚠️

All in one package

@solid-aria/primitives - Export all Solid Aria primitives in a single convenient package.

Separate packages

General

• button - Provides the behavior and accessibility implementation for button and toggle button components.

Data entry

• checkbox - Provides the behavior and accessibility implementation for checkbox and checkbox group components.
• label - Provides the behavior and accessibility implementation for labels and their associated elements.
• radio - Provides the behavior and accessibility implementation for radio and radio group components.
• select - Provides the behavior and accessibility implementation for select component.
• switch - Provides the behavior and accessibility implementation for switch component.
• textfield - Provides the behavior and accessibility implementation for text field component.
• toggle - Handles interactions for toggle elements, e.g. checkboxes and switches.

Data display

• accordion - Provides the accessibility implementation for an accordion.
• listbox - Provides the behavior and accessibility implementation for listbox component.
• separator - Provides the accessibility implementation for a separator.

Navigation

• breadcrumbs - Provides the behavior and accessibility implementation for a breadcrumbs component.
• link - Provides the behavior and accessibility implementation for a link component.

Feedback

• meter - Provides the accessibility implementation for a meter component.
• progress - Provides the accessibility implementation for a progress bar component.

Overlay

• dialog - Provides the behavior and accessibility implementation for a dialog component.
• menu - Provides the behavior and accessibility implementation for a menu component.
• overlays - Provides the behavior and accessibility implementation for overlay components such as dialogs, popovers, and menus.

Collection

• collection - Primitives for dealing with collection of items.
• list - Primitives for managing list collections.
• selection - Primitives for managing selection in collections.
• tree - Primitives for managing tree collections.

Interaction

• focus - Primitives for dealing with focus rings and focus management.
• interactions - Primitives for dealing with user interactions like press, hover, etc.

Utility

• i18n - Primitives for dealing with locale and layout direction.
• visually-hidden - Hides its children visually, while keeping content visible to screen readers.

Roadmap

• Accordion

• Breadcrumbs

• Button

• Checkbox

• Dialog

• Label

• Link

• Listbox

• Menu

• Meter

• Overlays

• Progress

• Radio

• Select

• Separator

• Switch

• TextField

• Toggle

• Visually-hidden

• AutoComplete

• Calendar

• Combobox

• DatePicker

• List

• LiveAnnouncer

• NumberField

• Pagination

• SearchField

• Slider

• Table

• Tabs

• Toast

• Tooltip

• Virtualizer

Acknowledgment

This project is inspired by Adobe's React Spectrum Libraries.