Radio

Exclusive choice primitive with the same row rhythm as checkbox.

Radio is for one-of-many selection where every option remains visible in a compact row.

Tight Loose

Playground

Props in the URL.

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

Loading playground.

States

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

Tight Loose

Default

Selected and unselected options.

Tight Loose

Disabled

Locked option state.

Props

Name	Type	Default	Description
`checked`	`boolean`	-	Controlled checked state.
`defaultChecked`	`boolean`	-	Uncontrolled checked state.
`label`	`ReactNode`	-	Inline label rendered beside the control.
`disabled`	`boolean`	-	Native disabled behavior and opacity.