# Modal

Modals interrupt the current flow to deliver critical information or request a decision. Prizma modals always include a title, a supporting message, and a primary action. They are centered on screen and overlay a dimmed background.

<Frame caption="Modal — anatomy, variants, and states (from the Prizma reference)">
<Image src="/assets/design-and-ux/modal/preview.png" alt="Modal component reference" />
</Frame>

> 📘 Component tokens
>
> The color tokens for this component live in [Color → Tokens](/design-and-ux/color/), and its spacing, radius, and type map to the shared foundation scales.