UCLA Web Components

Alerts: Success 

<h4>Full Width Alert</h4>

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

<br />

<h4>Inline Block Alert</h4>

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

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

<br/>

<h4>Inline Block Alert</h4>

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

No notes defined.