Toggles

Toggle switches, checkbox groups, and selection controls.

Dark theme

Notifications

Auto-sync

API access Webhook integration SSO / SAML LDAP sync

Usage

<label class="ds-toggle">
  <input type="checkbox">
  <span class="ds-toggle-track"></span>
  <span class="ds-toggle-thumb"></span>
</label>

Rules

1. Minimum 44x44px touch target for all toggles
2. Focus-visible outlines on all interactive elements
3. Accent-primary when toggled on, neutral border when off