Add an alert component.
Review Request #13623 — Created March 8, 2024 and submitted
The alert component shows information related to an action performed, an
action that may be performed, or content on a page. They show an icon
representing the type, a summary, an optional body of content, an
optional close button, and optional actions.The different types of alert backgrounds and borders have their own
colors, helping visually distinguish them at a glance (along with their
icon).There are 5 types of alerts:
- Standard alerts (no particular type)
- Info alerts (conveying useful information)
- Success alerts (showing the successful status of an operation)
- Warning alerts (warning the user before an action takes place)
- Error alerts (showing the failed status of an operation)
Alerts may be important (which will notify screen readers upon
display) or passive (which will not).
Unit tests pass.
Tested all the various combinations of properties in Storybook, in
light and dark modes.
Summary | ID |
---|---|
2c01e0bd630772dffc9405348fcfc55bc49517ca |
Description | From | Last Updated |
---|---|---|
These look like they're from the light mode colour palette? |
maubin | |
There's an extra period here. |
maubin | |
Typo: "import" -> "important" |
maubin | |
Related to my comments on the dark mode images, do we always want the background to be from the light … |
maubin | |
Same comment as above. |
maubin |
- Change Summary:
-
Fixed typos in the docs.
- Commits:
-
Summary ID b757d9d67e4077b80c9973a14c4777529a999f8a 2c01e0bd630772dffc9405348fcfc55bc49517ca - Diff:
-
Revision 2 (+2374)