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

Automated documentation toolchain for building client side documentation from figma

---
title: Modal dialogs
description: 'Modal dialogs present popup information to inform users of important information
and sometimes allow the user to take action.'
image: component-modal
metaTitle: 'Modal dialogs | Handoff Design System'
metaDescription: 'Modal dialogs present popup information to inform users of important information
and sometimes allow the user to take action.'
---

### Accessibility

Make it clear what this modal does for the user.

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

<Check /> DO

- What to do with modals

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

<X /> DON&apos;T

- What not to do with modals

  </div>
</div>

---