Alert


An alert is a system generated, contextual, and timely message to a user that may or may not result from their action.An alert is a system generated, contextual, and timely message to a user that may or may not result from their action.An alert is a system generated, contextual, and timely message to a user that may or may not result from their action.


How to use

To use alert just add alert class to the HTML tag.


Variants

  1. Danger: Advise the user that their attention is needed to address or be aware of a critical issue that relates to the current context. To apply add alert-danger
  2. Warning: Caution the user that their attention or action may be needed within the current context, but it may not be critical. To apply add alert-warning
  3. Success: Reaffirm to the user that a prior action they have taken, often in a different location within the application, has been successful. To apply add alert-success
  4. Information: Provide supplemental information to the user in regards to the current context or action they are about to take. To apply add alert-info
  5. Tip: Educate the user about new or unused features, and other useful information. To apply add alert-tip

Examples

check This is a success alert.
lightbulb This is a tip alert.
warning This is a warning alert.
priority_high This is a danger alert.
info This is an info alert.