ANVIL · Toast
Spec
| Padding | 16px 24px (--sp-4 --sp-6) |
|---|---|
| Radius | 8px (--r-md) |
| Max width | 360px |
| Icon | 20×20px leading icon |
| Close action | Optional X button 44×44px minimum touch target |
| Accent border | Left border 4px by state |
| Accessibility | Use role=\"status\" for info/success and role=\"alert\" for errors; close action must have aria-label |
Variants
Success · Error · Warning
Changes saved successfully.
Upload failed. Please try again.
Offline mode is currently enabled.
Dismissible toast
Toast with close action on the right
Profile updated.