handoff-app/config/docs/system/switch.md

Automated documentation toolchain for building client side documentation from figma

---
title: Switches
description: Switches render a single boolean toggle that has an off state and an on state.
image: component-switch
metaTitle: 'Selects | Handoff Design System'
metaDescription: 'Switches render a single boolean toggle that has an off state and an on state.'
---

### Accessibility

Make it clear what this switch widget does for the user.

<div className="c-do-dont">
  <div className="c-do-dont__do">

<Check /> DO

- What to do with switches

  </div>
  <div className="c-do-dont__dont">

<X /> DON&apos;T

- What not to do with switches

  </div>
</div>

---