# Settings switches

Settings switches: a free component, built on your design tokens, to use on a settings page with on and off options. A group of on and off settings, each with a plain explanation, including one that is locked by the organization.

Prompt: Add the OpenDesigner component settings-toggles to this project: https://opendesigner.dev/library/r/settings-toggles.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: on, off, locked, hover, focus.

Accessibility: Native checkboxes with role switch inside their labels, so the whole row is the target; the switch is at least 24 px tall.

File: https://opendesigner.dev/library/r/settings-toggles.html