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 ⚠️

Primitives

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

Buttons

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

Collections

• collection - Primitives for dealing with collection of items.
• list - Primitives for managing list collections.
• listbox - Provides the behavior and accessibility implementation for listbox component.
• selection - Primitives for managing selection in collections.
• tree - Primitives for managing tree collections.

Content

• separator - Provides the accessibility implementation for a separator.

Interactions

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

Forms

• 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.
• toggle - Handles interactions for toggle elements, e.g. checkboxes and switches.

Navigation

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

Overlays

• 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.

Status

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

Utilities

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

Roadmap

• Accordion
• AutoComplete
• Breadcrumbs
• Button
• Calendar
• Checkbox
• Combobox
• DatePicker
• Dialog
• Label
• Link
• List
• Listbox
• LiveAnnouncer
• Menu
• Meter
• NumberField
• Overlays
• Pagination
• Progress
• Radio
• SearchField
• Select
• Separator
• Slider
• SpinButton
• Switch
• Table
• Tabs
• Tag
• TextField
• Toast
• Toggle
• Tooltip
• Visually-hidden
• Virtualizer

Acknowledgment

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