Pure UI
DocsComponentsBlocksNEW
141

Docs

IntroductionGet Started
Installation
Theming

Components

AccordionAvatarBadgeButtonButton GroupCalendarCardCheckboxCollapsibleCombobox
Detached Triggers
DialogInputInput GroupInput OTPKbdLabelMenuNumber FieldPopoverRadio GroupNEWScroll AreaSelectSeparatorSheetSpinnerSwitchTabsNEWTextareaToastTooltip

Switch

The Switch component is used as an alternative between checked and not checked states.

Installation

Loading content...

Usage

import { Switch } from "@/components/ui/switch";
<Switch />

Examples

Interactive

The switch component is non interactive by default. You can make it interactive by passing the isInteractive prop as true

With Label

Disabled

Sizes

Controlled

Checked: No

Custom Card Style