Toggle
A binary switch that lets users turn a setting on or off. Supports two sizes, optional label and description, and full keyboard accessibility.
Sizes
Two sizes — sm and md (default).
Small
Medium
States
On, off, and disabled — each available in both sizes.
On
Off
Disabled on
Disabled off
With label
Pass a label prop to render a clickable label beside the toggle.
With label and description
Add a description for supporting text below the label.
Save my login details for next time.
Save my login details for next time.
Controlled usage
Manage state externally with checked and onChange.