Simple Alerts
SLEEK UI offers multiple types of alerts. In order to use alerts use class name alert and then followed by class name for type of alert.
eg: alert alert-primary this gives an alert of primary color.
A simple primary alert - check it out!
A simple success alert - check it out!
A simple warning alert - check it out!
A simple danger alert - check it out!
A simple info alert - check it out!
<div class="alert alert-primary">
A simple primary alert - check it out!
</div>
<div class="alert alert-success">
A simple success alert - check it out!
</div>
<div class="alert alert-warning">
A simple warning alert - check it out!
</div>
<div class="alert alert-danger">
A simple danger alert - check it out!
</div>
<div class="alert alert-info">
A simple info alert - check it out!
</div>
Outline Alerts
Outline alerts can be used in a similar way by using class name
alert and then followed by class name for type of outline alert.
eg: alert alert-primary-outline this gives an outline alert of primary color.
A simple primary alert - check it out!
A simple success alert - check it out!
A simple warning alert - check it out!
A simple danger alert - check it out!
A simple info alert - check it out!
<div class="alert alert-primary-outline">
A simple primary alert - check it out!
</div>
<div class="alert alert-success-outline">
A simple success alert - check it out!
</div>
<div class="alert alert-warning-outline">
A simple warning alert - check it out!
</div>
<div class="alert alert-danger-outline">
A simple danger alert - check it out!
</div>
<div class="alert alert-info-outline">
A simple info alert - check it out!
</div>