Primitive

Switch

Binary setting control for product preferences and modes.

Switches are for durable on/off settings, not one-shot commands.
form
DOM renderImage render
SwitchDefault

Playground

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

Loading playground

Rendered matrix

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

Default

Compact setting toggles with on and off states.
Render state

Disabled

Locked setting state.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
checkedboolean-Controlled checked state.
defaultCheckedboolean-Uncontrolled checked state.
labelReactNode-Inline label rendered beside the control.
disabledboolean-Native disabled behavior and opacity.