Getting StartedInstallation and setup guides 5
LayoutWorkflow and structural layout components 7
OverlayModal and floating layer surfaces 3
FeedbackStatus, empty, progress, and loading placeholder patterns 5
FormInput and selection components 17
UtilityGeneral-purpose interface utilities 7
NavigationMenu surfaces and hierarchical actions 7
Overview API Styling Examples

Form usage

Use multiselect inside a form when one field owns several submitted values.

Multiselect form usage

Live form

Choose rollout statuses

Keep the selected statuses visible while the user completes the rest of the form.

Selected: To do, In review

Status multiselect

Toggle status options with Enter or click while the panel remains open.

Status multiselect (Plain-CSS)

Status filter

Keep a controlled multi-value while the wrapper handles trigger and menu plumbing.

Selected: To do, In review

Dual multiselect keyboard handoff

Use Tab to move between controls; each multiselect keeps independent roving option state.

Dual multiselect (Plain-CSS)

Dual tag groups

Two independent multiselects with Tab-based keyboard handoff between controls.

Tag group A

Selected: A11y, Docs

Tag group B

Selected: Forms