A note block for message.
It is just a note block
<div class="zust-note" role="note">
<h3>What is it?</h3>
<p>It is just a note block</p>
</div>
This includes all theme colors use any of them.
Hey it's primary
This is warning, just ignore.
Check for faulty parts.
Faulty thing fixed!
Finally Link?
<div class="zust-note" role="note">
<h3>Default - Primary</h3>
<p>Hey it's primary</p>
</div>
<div class="zust-note zust-warning" role="note">
<h3>Warning</h3>
<p>This is warning, just ignore.</p>
</div>
<div class="zust-note zust-error" role="note">
<h3>Error</h3>
<p>Check for faulty parts.</p>
</div>
<div class="zust-note zust-success" role="note">
<h3>Success</h3>
<p>Faulty thing fixed!</p>
</div>
<div class="zust-note zust-link" role="note">
<h3>Link</h3>
<p>Finally Link?</p>
</div>
