COMPONENTS
Alert
Alerts display a status update, reflecting a user or system action.
Alerts are often time-sensitive. Alerts can update themselves or may require a user action. Alerts may be used to display text, icons, or actions.
- Icon
- Close button
- Container
- Label
Alerts have four core types — basic, with button, with title, and with title and bottom button.
Note: The bottom button variation is currently design-only and we are working towards releasing this work in a future version of UI Toolkit.
Alerts can have a bold or subtle emphasis. Alerts offer the following messaging status — none, information, success, warning, or error.
By default Alert displays an icon appropriate to its status, but a custom icon can be defined.
Dismissible alerts display until the user selects the close icon.
Alerts can be displayed in large, medium and small sizes.
Don`t unnecessarily alarm users with multiple non-urgent alerts that cannot be dismissed.
Use one alert that takes the user to a notification center where they can address multiple alerts without being disrupted.
- Important alerts can be pinned to the top of the viewport.
- The width should never exceed the size of the viewport.
Contents