Forms & Input

Switch

Render a labeled switch with controlled or uncontrolled checked state.

Props

Switch extends ButtonHTMLAttributes<HTMLButtonElement>. Renders as role="switch" with aria-checked.

SwitchProps props

Prop	Type	Default	Description
`checked`	`boolean`	—	On/off state.
`onChange`	`(checked: boolean) => void`	—	Toggle handler.
`disabled`	`boolean`	—	Prevents interaction.

Switch on and off

Interactive switch

Disabled switch

ImportTSX

import { Switch } from "@solarius/onset";
import type { SwitchProps } from "@solarius/onset";