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

Automated documentation toolchain for building client side documentation from figma

---
title: Alerts
description: Alerts are used to communicate a state that affects a system, feature or page. They are used to provide feedback about an action that has taken place.
image: component-alert
metaTitle: 'Alerts | Handoff Design System'
metaDescription: 'Alerts are used to communicate a state that affects a system, feature or page. They are used to provide feedback about an action that has taken place.'
---

### Accessibility

Make it clear what this alert does for the user.

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

<Check /> DO

- What to do with alerts

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

<X /> DON&apos;T

- What not to do with alerts

  </div>
</div>

---