Switch

stable

Instant on/off setting, typically in settings lists.

since v1.11.2 kB gzip

Preview

Code

Preview deploymentsStrict class checkingCompact density

CLI

Manual

npm

pnpm

bun

yarn

$ npx @strata/cli add switch

React

Import only

import { Switch } from "@/components/strata";

<Switch defaultSelected>Enable preview deployments</Switch>

Prop	Type	Default
`isSelected` Controlled state.	boolean	—
`size` Track size.	"sm" \| "md" \| "lg"	"md"
`labelPlacement` Put the label before the switch.	"end" \| "start"	"end"
`isDisabled` Prevents interaction and dims the control.	boolean	false

Text field

Single-line input with label, description, validation and adornments.

Select

Pick one option from a list, with typeahead and sections.

Checkbox

Binary choice with indeterminate state and grouped variants.

Slider

Choose a value or range along a track, with steps and output.

Was this page helpful?

Documented since v1.1 · components/switch.mdx