<h4>Full Width Alert</h4>

<figure class="alert alert--error" role="alert">
    <img src="../../icons/denotive/form-error.svg" alt="error">
    <figcaption>A simple error alert-check it out!</figcaption>
</figure>

<br />

<h4>Inline Block Alert</h4>

<figure class="alert alert--error inline-block" role="alert">
    <img src="../../icons/denotive/form-error.svg" alt="error">
    <figcaption>A simple error alert-check it out!</figcaption>
</figure>
<h4>Full Width Alert</h4>

<figure class="alert alert--error" role="alert">
  <img src="{{path '/icons/denotive/form-error.svg'}}" alt="error">
  <figcaption>A simple error alert-check it out!</figcaption>
</figure>

<br/>

<h4>Inline Block Alert</h4>

<figure class="alert alert--error inline-block" role="alert">
  <img src="{{path '/icons/denotive/form-error.svg'}}" alt="error">
  <figcaption>A simple error alert-check it out!</figcaption>
</figure>
/* No context defined. */
  • Handle: @alerts--error
  • Preview:
  • Filesystem Path: src/components/03-components/02-alerts/04-alerts--error.hbs

No notes defined.