Switches
Toggle switches for binary settings — featuring accessible labels, custom colors, sizes, and layout patterns.
Basic Usage
Default Switch
Standard switch with a label.
States
Checked, unchecked, and disabled states.
Styling & Variants
Colors
Custom colors using Tailwind data attributes.
Sizes
Custom sizes using className overrides.
Small
Default
Large
Advanced Layouts
With Description
Switch with a title and helper text.
Receive push notifications on your device.
With Icons
Switches paired with visual indicators.
Sound On
Settings Group
Settings List
A list of settings with icons and switches.