## Installation [#installation]
npm
pnpm
yarn
bun
```bash
npx shadcn@latest add @dotui/switch
```
```bash
pnpm dlx shadcn@latest add @dotui/switch
```
```bash
yarn dlx shadcn@latest add @dotui/switch
```
```bash
bun x shadcn@latest add @dotui/switch
```
## Usage [#usage]
Use switch for communicating activation (e.g. on/off states), while checkboxes are best used for communicating selection (e.g. multiple table rows).
```tsx
import { Label } from '@/components/ui/field'
import { Switch, SwitchControl } from '@/components/ui/switch'
```
```tsx
```
## Examples [#examples]
## API Reference [#api-reference]
### Switch [#switch]
### SwitchControl [#switchcontrol]
### SwitchIndicator [#switchindicator]
### SwitchThumb [#switchthumb]