UI Kits
Feedback

Toast

Compact floating notification.

Usage guidance

When to use it.

Use concise messages that state what happened and what the user can do next.

Accessibility

Implementation notes.

  • Use role/status semantics where appropriate.
  • Do not make transient messages disappear too quickly.
  • Include a clear recovery action for errors.
Release QA

Implementation checklist.

0/3
Handoff notes

Implementation notes for this component.

Quick section export
<div class="ap-toast"><div>✓</div><section><strong>Changes saved</strong><span>Your settings were updated.</span></section><button>×</button></div>
Related components

More in Feedback