Add an alert component.

Review Request #13623 — Created March 8, 2024 and submitted — Latest diff uploaded

Information

Ink
master

Reviewers

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.


Commits

Files