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

Radio groups fit naturally into forms when only one option should be submitted.

Radio form usage

Live form

Choose a billing plan

Use radios inside a form when the user must pick exactly one plan or mode.

Selected: pro

Billing plan selection

Controlled single-choice selection with a summary line that stays outside the radio label.

Billing plan selection (Plain-CSS)

Billing plan

Select the launch tier for this customer workspace.

Selected: pro

Readonly and invalid review

Review states stay readable while invalid emphasis can still draw attention to a risky option.

Readonly review (Plain-CSS)

Release track review