Alerts
Alerts present important feedback such as success, warning, errors, and informational messages.
Core concept
Explain alert plus contextual classes, dismissible alerts, close buttons, and the need for meaningful text. Discuss the difference between an alert that stays visible and a transient toast.
Using it in a real interface
Show a successful save message and a validation warning. Explain why the message should identify the result or required action instead of simply saying \'Error\'.
Implementation notes
If an alert is dismissible, ensure the close button has an accessible name. Do not make critical information disappear automatically before users can read it.
ADVERTISEMENT