🚀 Beta mode be careful of the bugs

Switch

A control that allows the user to toggle between checked and not checked.

Preview

Switch

Installation

pnpm dlx shadcn@latest add https://shadwui.com/r/switch.json

Usage

import { Alert, AlertDescription, AlertTitle } from "@/components/ui/badge"

Examples

01

Switch 01

02

Switch 02

03

Switch 03

04

Switch 04

05

Switch 05

06

Switch 06

07

Switch 07

08

Switch 08

09

Switch 09
OffOn

10

Switch 10

more...

Switch 11
Switch 12
Switch 13
Switch 14
OffOn
Switch 15

A short description goes here.

Switch 16

A short description goes here.

Switch 17

A short description goes here.

Options

ComponentDescriptionExample Usage
SwitchA toggle component that allows users to switch between two states, such as on and off.<Switch defaultChecked />

On this page