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 switches for boolean preferences that submit alongside the rest of the form.

Switch form usage

Live form

Notification preferences

Switches work well for small groups of on/off settings in a settings or release form.

Release summary email
Freeze deploy window

Release email: On · Freeze window: Off

Settings panel

A small settings stack is the most common wrapper around component switches.

Settings panel (Plain-CSS)

Release summary email
Freeze deploy window

Disabled state

Server-locked or compliance-locked settings should present the same state while clearly muting interaction.

Disabled state (Plain-CSS)

Locked after compliance review