Inputs & Textarea
Pull to Refresh
React Grid Layout
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, and actions.
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.