Components

Accessible building blocks you own

16 components built on React Aria, styled with Strata utilities. Add any of them with strata add.

Showing 16 of 16

Triggers an action. Six variants, four sizes and a built-in pending state.

Actions · 1.9 kB

A set of pressable toggles for switching views or formatting text.

Actions · 1.4 kB

Single-line input with label, description, validation and adornments.

Forms · 2.3 kB

Pick one option from a list, with typeahead and sections.

Forms · 3.8 kB

Binary choice with indeterminate state and grouped variants.

Forms · 1.6 kB

Instant on/off setting, typically in settings lists.

Forms · 1.2 kB

Choose a value or range along a track, with steps and output.

Forms · 2.9 kB

Modal window for focused tasks and confirmations.

Overlays · 4.1 kB

Short contextual label shown on hover or keyboard focus.

Overlays · 1.8 kB

Switch between related panels. Line, segmented and enclosed styles.

Navigation · 2.6 kB

Show where the current page sits in the hierarchy.

Navigation · 0.9 kB

Compact status or count label in four styles.

Display · 0.6 kB

User image with initials fallback, presence dot and stacked groups.

Display · 1.1 kB

Kbdnew

Renders keyboard shortcuts consistently across platforms.

Display · 0.4 kB

Determinate or indeterminate progress for uploads and long tasks.

Feedback · 0.8 kB

Toastbeta

Brief, non-blocking notifications with actions and promise states.

Feedback · 3.2 kB