Alert Sizes
.alert .alert-micro
.alert .alert-sm
.alert - Default
Alert Toggles
.alert .alert-micro
Alert Icon
Just add icon code before the text.
Alert Gradient
Default - .alert
.alert .alert-gradient
Color Variations
.alert .alert-primary .pastel .light .dark
.pastel
.light
.dark
.alert .alert-info .pastel .light .dark
.pastel
.light
.dark
.alert .alert-success .pastel .light .dark
.pastel
.light
.dark
.alert .alert-warning .pastel .light .dark
.pastel
.light
.dark
.alert .alert-alert .pastel .light .dark
.pastel
.light
.dark
.alert .alert-danger .pastel .light .dark
.pastel
.light
.dark
.alert .alert-system .pastel .light .dark
.pastel
.light
.dark
.alert .alert-dark .pastel .light .dark
.pastel
.light
.dark
.alert .alert-default .pastel .light .dark
.pastel
.light
.dark
Block Style Alerts
General Message
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.
Success Message
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.
Information Message
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.
Error Message
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.
Block Style Important Notification
Important Notification
Warning!
Consectetur adipisicing elit, sed do eiusmod tempor.
Important Notification
Success Message
Lorem ipsum dolor sit amet, consectetur adipisicing
Important Notification
Warning!
Consectetur adipisicing elit, sed do eiusmod tempor.
Important Notification
Success Message
Lorem ipsum dolor sit amet, consectetur adipisicing