Switch

A controlled toggle built on Radix Switch with keyboard support, checked/unchecked styling, and a disabled state.

switchtoggleformradixcontrol

How do I install the Switch component?

Run the command below in a project with the shadcn CLI. It copies the component source into your repo and installs its dependencies.

npx shadcn@latest add https://www.saasuji.com/r/switch.json

Dependencies

Also available as a markdown reference for AI agents: /components/switch.md

Related components

Label

An accessible form label built on Radix Label, rendering a native <label> with disabled and peer-state styling.

Checkbox

A Radix checkbox with checked, unchecked, and indeterminate states, a check indicator, and a disabled state.

Field

Composable form field layout primitives — FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldTitle, FieldDescription, FieldError, FieldSeparator, and FieldContent — with vertical, horizontal, and responsive orientations.