Switch

Use Switch for immediate on/off settings.

Quick Preview

Enable notificationsAuto backupDanger mode

Preset Examples

Code

<Switch variant="primary" size="sm" />
<Switch variant="primary" size="md" defaultChecked />
<Switch variant="success" size="lg" defaultChecked />
<Switch variant="danger" size="md" />

Usage

Code

import { Switch } from "@altech-ui/react"
 
<Switch defaultChecked />
<Switch checked={enabled} onCheckedChange={setEnabled} />
<Switch variant="success" size="lg" />

Props

variant?: primary | success | danger
size?: sm | md | lg
Radix Switch Root props