• 
      

    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