## Toast
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.
Default to the HTML snippet — a CDN-React runnable page (React + antd loaded from a CDN, no build step) — React/Vue use the same shared-themed DataTable via your bundler.
Surfaces: editor, dashboard, settings.
Props:
- type: success | info | warning | error | loading, default info. Status glyph + tone
- content: string, default —. The message text
- duration: number, default 3. Seconds on screen; 0 keeps it until dismissed
- onClose: () => void, default —. Fires after the toast leaves
Tokens: colorPrimary, borderRadius, colorText, Message.contentBg.
Use when: 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).