Concrete
form
Primitive

Switch

Binary setting control for product preferences and modes.

Switches are for durable on/off settings, not one-shot commands.

Playground

Props in the URL.

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground.
States

Rendered matrix.

Every state maps to the same render route through the `state` query param.

Default

Enabled and disabled settings.

/render state
Disabled

Locked setting state.

/render state
Props

Public contract.

NameTypeDefaultDescription
checkedboolean-Controlled checked state.
defaultCheckedboolean-Uncontrolled checked state.
labelReactNode-Inline label rendered beside the control.
disabledboolean-Native disabled behavior and opacity.