Skip to Content

Switch

Use Switch for immediate on/off settings.

Quick Preview

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
Last updated on