Alert
An Alert is a banner used to notify a user about a change in status or communicate other information. It can be generated with or without a user triggering an action first.
Outline Alert
To obtain this result, use div tag with alert class name
and alert
type class name such as alert-primary |
alert-success | alert-error | alert-warning |
alert-info.
Primary! This is a Primary
Alert -
Check it
now!
This is an error
alert —
check it out!
This is a
success alert
— check it
out!
This is a
warning
alert — check
it out!
This is an info alert —
check
it out!
Background Alert
To obtain this result, use div tag with alert class name
and alert
type class name such as alert-primary-bg |
alert-success-bg | alert-error-bg | alert-warning-bg |
alert-info-bg.
Primary! This is a
Primary Alert
- Check it
now!
This is an error
alert —
check it
out!
This is a
success
alert — check
it
out!
This is a
warning alert —
check
it out!
This is an info alert
—
check it out!