Notices
Notices are a great way to provide contextual feedback alerts for typical user actions. There are four alert types to choose from depending on the level of importance.
Simple notices
To show the user some simple feedback you can use a p tag.
Success
Success! You successfully read this important notice.
Info
Info! This notice needs your attention , but it's not super important.
Warning
Warning! Better check yourself, you’re not looking too good .
Danger
Danger! Change a few things up and try submitting again.
Advanced notices
If a simple p won't suffice you can use a div to include more content.
Notice with icon
Success! You successfully read this important notice.
Notice with button
Notice with list
- Lorem ipsum dolor sit amet consectetur adipisicing elit.
- Lorem ipsum dolor sit amet consectetur adipisicing elit.
Notice with many elements
Danger! Change a few things up and try submitting again.
- Lorem ipsum dolor sit amet consectetur adipisicing elit.
- Lorem ipsum dolor sit amet consectetur adipisicing elit.