Toggle
On/off switches for binary state controls and settings
Basic Toggle
Simple on/off toggle switches
Show Code
Toggle Sizes
Different sizes for various contexts
Show Code
Toggle Colors
Various color themes
Show Code
Toggle States
Different states and configurations
Show Code
Toggle Groups
Multiple toggles for settings panels
Show Code
Usage Notes
- Use toggles for immediate binary state changes (on/off)
- Provide clear labels to indicate what the toggle controls
- Use appropriate colors to convey meaning (success for enabled features)
- Consider grouping related toggles in settings panels
- Disabled state should be used when toggle cannot be changed
- Toggle automatically includes proper form control structure