Callout
This variation of alerts has a more emphasized styling and is a alternative way to draw attention to information.
Default styling
Title
Callout message
primary
This is primary callout.
Title
Callout message
secondary
This is secondary callout.
Title
Callout message
info
This is not important information, carry on.
Title
Callout message
success
Something was successfully done!
Title
Callout message
warning
Yes, this is something to pay attention to!
Title
Callout message
danger
That went sideways!
Title
Callout message
Markup
<div pam-Alert="callout [modifier attribute]">
<h1>Title</h1>
<p>Callout message</p>
</div>