Notifications
BASIC ALERTS
You can provide feedback to your users using alert messages.
Add global color classes. (e. g.
.alert-success
)
Well done! You successfully read this important alert message.
Well done! You successfully read this important alert message.
Well done! You successfully read this important alert message.
Well done! You successfully read this important alert message.
Class | Description |
---|---|
class="alert alert-[value]"
|
primary | success | danger | warning | info | dark | secondary | purple | cyan | pink | brown | light |
DISSMISSIBLE ALERTS
It is possible to turn off warning messages and reject them. Add the class and trigger button
Add attribute button
.alert-dismissible
Add attribute button
data-dismiss="alert"
Well done!
You successfully read this important alert message.
Well done!
You successfully read this important alert message.
Well done!
You successfully read this important alert message.
Well done!
You successfully read this important alert message.
OUTLINE ALERTS
Add helper class if you want to use warning messages in the form of outline. (e.g.
.alert-outline-primary
)
Well done!
You successfully read this important alert message.
Well done!
You successfully read this important alert message.
Well done!
You successfully read this important alert message.
Well done!
You successfully read this important alert message.
Class | Description |
---|---|
class="alert alert-outline-[value]"
|
primary | success | danger | warning | info | dark | secondary | purple | cyan | pink | brown | light |