Components
Toggle
Switch toggle with size variants, label support, and optional glass surface. Keyboard accessible.
Playground
Explore all toggle props interactively.
<Toggle>...</Toggle>Props
Toggle size
Toggle state (bindable)
Disabled state
Label text beside toggle
Glass surface density
Backdrop blur intensity
Elevated with shadow
Colored glass accent orbs behind content
Glow intensity
Sizes
Toggles from extra small to extra large.
Extra small
Small
Medium
Large
Extra large
With Label
Toggles with descriptive labels and different states.
Notifications
Dark mode
Disabled
Disabled + checked
Glass
Glass surface toggle with translucent track and glow on check. Best on dark backgrounds.
Glass toggle
Glass checked
Glass disabled