Controlled on
Email notificationsGet updates when someone replies.
Controlled off
Push notifications
Low contrast track (variant)
Legacy panel chrome
Off state comparison
Default off trackTinted track and surface thumb — production default.
Low contrast off trackPre-fix panel styling for theme QA — not recommended for shipping UI.
Default checked
Auto-save draftsSaves every few seconds while you write.
Label only
Show archived entries
Disabled off
Unavailable settingCannot be changed on your plan.
Disabled on
Enterprise SSOManaged by your organization.
Animation variants
animationVariant — click each control to compare press feedback.
Default
None
Ripple
Scale
Sink
Lift
Pulse
Glow
API
| Prop | Required | Type | Default | Description |
|---|---|---|---|---|
| theme | Optional | SiteTheme | atelier | Visual theme. |
| mode | Optional | "light" | "dark" | light | Color mode. |
| variant | Optional | "default" | "low-contrast" | default | Off-track styling — default uses tinted track + surface thumb; low-contrast restores legacy panel chrome (weak on pastel themes). |
| label | Optional | ReactNode | — | Setting name shown beside the switch. |
| checked / onCheckedChange | Optional | boolean + callback | — | Controlled toggle state. |
| disabled | Optional | boolean | — | Prevents interaction. |
| animationVariant | Optional | PressAnimationVariant | default | Press animation — default, none, ripple, scale, sink, lift, pulse, or glow. |