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

Automated documentation toolchain for building client side documentation from figma

---
title: Buttons
description: Buttons allow users to take actions and make choices, with a single click.
image: component-button
metaTitle: 'Buttons | Handoff Design System'
metaDescription: 'Buttons allow users to take actions and make choices, with a single click.'
---

### Accessibility

Make it clear what this button does for the user.

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

<Check /> DO

- Make it clear what this button does for the user.
- Use at most two buttons in one group.
- Attribute indicating if the element should be.

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

<X /> DON&apos;T

- Use more than two words for call to action.
- First letter of each sentence defaults to a capital letter.
- Attribute indicating if the element should be.

  </div>
</div>

---