Vivid API

Alert

Alerts display short-lived important information to the user, usually at the top or bottom of the screen.

When to Use

Use Alerts to display short-lived messages in response to user actions. Alerts may inform users that:

  • A process was initiated
  • An action was successful
  • An action requires attention
  • An action failed

Closing Alerts

Provide the close button

The close button allows users to dismiss the Alert to access content behind it.

Don't automatically close interactive Alerts

Users with disabilities may need more time to interact with the Alert.