Ready-to-use components curated and voted on by the community.
A project file Tree with expandable folders, keyboard navigation and single selection.
A text toolbar with toggle buttons, a separator and arrow-key navigation between controls.
Controlled horizontal automatic tabs with disabled Settings.
A documentation sidebar built from React Aria Navigation Tree with expandable sections and a current page.
A message actions menu in a popover with sections, a separator and a disabled item.
In-page links handled with onPress, including a disabled link and a current-page link.
An FAQ disclosure group that keeps one answer open at a time.
An order-details disclosure with a heading trigger and a controlled panel.
Dynamic breadcrumb trail with onAction navigation and a current page.
A command palette where Autocomplete filters a Menu of local commands from a search field.
A dialog popover opened from a button, with a heading and actions that close it.
A dismissable modal dialog that confirms leaving a workspace, with focus containment.
Controlled local rename dialog with validation, dismissal and focus return.
An import job progress bar that starts indeterminate, then reports determinate progress.
A list of 5,000 contacts rendered efficiently with Virtualizer and a list layout.
A message composer in React Aria Token Field where mentions and tags sit inline as tokens among the text.
A reminder time entered with TimeField in 12-hour segments, reporting the chosen time locally.
A required project-key text field with a description and native plus custom validation.
Controlled switch preference with disabled companion.
A labelled playback speed slider with a formatted output and keyboard steps.
Controlled plan selection with a disabled option, keyboard navigation and local status.
Filterable team directory with a clearable search field and result count.
A RangeCalendar for picking trip dates, reporting the start, end and number of nights.
Controlled single-selection plan group with disabled Enterprise.
