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

Standalone toggles work well for optional settings that submit with the rest of a form.

Toggle form usage

Live form

Announcement preferences

Use independent toggles for optional delivery targets in a lightweight settings form.

Each toggle keeps its own pressed state until the form is submitted.

Formatting toolbar

Use standalone toggles for independent editing actions where each pressed state should persist on its own.

Formatting toolbar (Plain-CSS)

Editing toolbar

Formatting actions

Standalone toggles work well for independent editor actions.

Active: bold, code

Review queue layout

Use a single-selection group when only one workspace mode should remain active at a time.

Review queue layout (Plain-CSS)

Review queue layout

Choose the default workspace for triage and approvals.

BoardKanban lanes for rapid triage.
TableDense scanning across columns.
TimelineChronological incident playback.

Selected: table

Publish targets

Use multiple selection when a rollout summary can be delivered to several destinations at once.

Publish targets (Plain-CSS)

Publish targets

Choose where the rollout summary should be delivered.

Email Send a concise release digest to stakeholders.
Slack Post the summary into the release channel.
Status page Update the public rollout timeline.

Targets: slack