inputs
Switch
Toggle switch built on Radix UI with optional label and error state.
Import
import { Switch } from '@stella-ds/react'Props
| Prop | Type | Default | Description |
|---|---|---|---|
| size | 'sm' | 'md' | 'lg' | 'md' | Size preset |
| label | ReactNode | undefined | Label beside the switch |
| error | boolean | false | Error state |
Preview
Examples
With label
<Switch label="Enable notifications" defaultChecked />
<Switch label="Dark mode" size="sm" />