UCLA Web Components

Alerts: Warning 

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

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

<figure class="alert alert--warning inline-block" role="alert">
  <img src="{{path '/icons/denotive/form-warning.svg'}}" alt="warning">
  <figcaption>A simple warning alert-check it out!</figcaption>
</figure>
 
/* No context defined. */

No notes defined.