Switch Component

A toggle switch component for binary choices. Perfect for settings, preferences, and on/off states.

Basic Switch

A simple switch with label.

Sizes

Different switch sizes for various use cases.

Colors

Beautiful color options from the Catppuccin palette.

States

Different switch states for various scenarios.

Real-world Examples

Common switch patterns used in applications.

Notification Settings

Choose what notifications you want to receive.

Receive updates via email

Receive push notifications on your device

Receive updates via text message

Feature Toggles

Enable or disable experimental features.

Switch to dark theme

Access to experimental features

Help us improve by sharing usage data

Installation

npx shadcn@latest add https://catppuccin-components.vercel.app/r/switch.json