Alerts highlight important information, errors, or warnings that require user attention.
Confirm actions and show status.
Inform about failures or issues.
Alert about potential problems or provide helpful tips.
| Component | Primary Use | Interaction | Visual Weight | Example Context |
|---|---|---|---|---|
| Alert | System feedback, errors, warnings | Minimal/optional | Medium | Validation, status, errors |
| Toast/Snackbar | Brief notifications | Auto-dismiss, optional action | Low | Save confirmation, info |
| Banner | Global/section-wide info | Persistent, dismissible | High | Site maintenance, outages |