The Alert component shows an inline message inside the page. Use it to give users contextual feedback about a state, result, warning, or problem near the part of the interface where it matters.
Use it for:
- Contextual feedback: Show messages inside forms, tables, cards, settings pages, or workflows.
- Status messages: Communicate success, information, warnings, notices, or errors.
- Optional structure: Add a title, icon, close button, auto-close behavior, or small actions.
- Semantic variants: Use variants such as default, positive, informative, negative, notice, or secondary.
Do not use Alert for temporary toast messages, modal confirmations, critical required actions, or small status labels inside table rows. Use Snack Bar, Dialog, Action Required, or Badge for those cases.