Vibe UI
Initializing Vibe UI System...
Vibe UI

Switch

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

Switch

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

Preview

Installation

pnpm dlx vibe-ui-kit@latest add switch label
💡 Vibe UI Component Dependencies: This component requires other components to work correctlyPlease make sure you also install these Vibe UI component dependencies: label

All Variations

Explore all preset variations and states of the Switch component.

Presets & Toggles

Interactive States

Variants

Glassmorphic

Retro Neobrutalism

Glow Accent

Examples

Settings Card

Notifications

Choose what notifications you want to receive.

Receive emails about security updates.

Receive emails about marketing promotions.

Component Concept

Vibe UI's Switch component is an interactive toggle switch built on Radix UI Switch primitives. It captures boolean input values with smooth sliding toggle indicator animations.

Contributors

JS
Jenish Sabhadiya

Theme Customizer

8px
@theme {
  --radius: 0.5rem;
  --glass-blur: 8px;
}
Changes apply instantly to this documentation workspace.
Switch | Vibe UI