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

Chips often represent removable selections inside a larger form step or filter composer.

Chips form usage

Live form

Review active filters

Keep removable chips inside the form so the current selection is visible before submit.

AccessibilityAPI docsRelease notes

Selected: Accessibility, API docs, Release notes

Removable filter chips

Keep a controlled list of active filters while the wrapper provides the root shell and the projected remove controls handle interaction.

Removable filter chips (Plain-CSS)

Active filters

Keep a controlled filter list while the wrapper handles the root semantics and chip removal events.

AccessibilityAPI docsRelease notes

Selected: Accessibility, API docs, Release notes

Locked release lanes

Disabled chips stay visible in the roster, but only active lanes remain removable.

Locked release lanes (Plain-CSS)

Release lanes

Disabled chips stay visible, but only active lanes remain removable.

StablePreviewLocked

Selected: Stable, Preview, Locked