Note Block

<div class="zust-note" role="note">
  <h3>What is it?</h3>
  <p>It is just a note block</p>
</div>

<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>