Alert
Contextual feedback messages with a set of variations to suite messages
with some type of intention. For the most basic alert use
the pam-Alert attribute with a <h1> as title and <p> as message element.
Default styling
Title
Alert message
primary
This is a primary alert.
Title
Alert message
secondary
This is a secondary alert.
Title
Alert message
info
This is not important but may need your attention.
Title
Alert message
success
Congratulations! You have successfully done something.
Title
Alert message
warning
Wow! You better take a look this needs your attention!
Title
Alert message
error
Oh no! That did no go so well get another pair of glasses and try again.
Title
Alert message
Markup
<div pam-Alert="[modifier]">
<h1>Title</h1>
<p>Alert message</p>
</div>