Components
Toggle
Sizes, label alignment (spaced and inline), and on/off/disabled states.
Toggle
Sizes — sm · md · lg
sm
md
lg
Label alignment
Spaced — label and toggle at opposite ends (justify-between). Best for settings rows.
Push notifications
Notify me about account activity
Inline — pass label and the text renders to the left of the switch (clickable, and it names the control).
States
Using the label prop — text on the left; disabled dims both the switch and its label.