ANVIL · Alert
Spec
| Padding | 16px (--sp-4) |
|---|---|
| Gap icon/content | 12px (--sp-3) |
| Icon | 20×20px leading icon |
| Radius | 8px (--r-md) |
| Border | 1px solid semantic state color |
| Accessibility | Use role=\"alert\" for blocking/error messages and role=\"status\" for passive updates |
Variants
Error · Success · Warning · Info
There was a problem while saving your changes.
Your profile has been updated successfully.
Your session will expire in 2 minutes.
New design tokens are available in the next release.