# Toast
> Generated from toast.contract.json — do not edit by hand.

A brief, auto-dismissing confirmation of an action — rendered through antd's message API.

Tier: **composite-antd**. Frameworks: HTML (paste-and-run, no build step) · React · Vue 3.

Surfaces: editor, dashboard, settings.

## Props
| Prop | Type | Default | Notes |
| --- | --- | --- | --- |
| `type` | success | info | warning | error | loading | `info` | Status glyph + tone |
| `content` | string | `—` | The message text |
| `duration` | number | `3` | Seconds on screen; 0 keeps it until dismissed |
| `onClose` | () => void | `—` | Fires after the toast leaves |

## Visual standard (measured)
- Surface: white elevated pill · radius 8 · ink #1A1A1A text
- Position: top-centre, floating
- Duration: 3s default (0 = sticky)
- Status: success / info / warning / error / loading

## When to use
- **Toast** — confirming a quick action succeeded (saved, copied, sent) with nothing to act on
- **Notification** — a richer message with a title + description, or one the user may need later
- **Alert** — a persistent, inline message tied to a region of the page

One line, past tense, no title. Never put an action inside a toast that disappears — if the user must respond, use a Notification or a Modal.