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

Form usage

Button-toggle groups can act as compact single-select controls inside forms.

Button toggle form usage

Live form

Pick a content alignment

Use a compact button-toggle group when the choice belongs in a larger editor form.

Selected: center

Single-select alignment controls

Choose one alignment target at a time with the group wrapper driving selection.

Alignment controls (Plain-CSS)

Text alignment

Selected: center

Multiple-select text-style toolbar

Use multiple mode when each pressed item represents an independent formatting state.

Formatting toolbar (Plain-CSS)

Formatting toolbar

Active: italic