An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
- In order to view the code you need to visit using a device with larger screen.
The alert offers five severity levels that set a distinctive
icon and color.
To use this alert just use class name
alert and also add class according to alert
type: alert primary |
alert secondary |
alert success |
alert warning |
alert failure.
You can copy html part from below code snippet.
This is a primary info alert — check it out!
This is a secondary info alert — check it out!
This is a success alert — check it out!
This is a warning alert — check it out!
This is a failure alert — check it out!
An alert can have an action, such as a close or undo button.
It is rendered after the message, at the end of the alert.
If a class "close" is provided a cross will appear, but if a
class "undo" is provided undo button will appear.
This is a failure alert — check it out!
This is a failure alert — check it out!