DAHLIA Pattern Library

Attachment: Loading 

<article class="attachment is-loading media">
    <figure class="attachment-img media-img">
        <div class="spinner sk-fading-circle">
            <div class="sk-circle1 sk-circle"></div>
            <div class="sk-circle2 sk-circle"></div>
            <div class="sk-circle3 sk-circle"></div>
            <div class="sk-circle4 sk-circle"></div>
            <div class="sk-circle5 sk-circle"></div>
            <div class="sk-circle6 sk-circle"></div>
            <div class="sk-circle7 sk-circle"></div>
            <div class="sk-circle8 sk-circle"></div>
            <div class="sk-circle9 sk-circle"></div>
            <div class="sk-circle10 sk-circle"></div>
            <div class="sk-circle11 sk-circle"></div>
            <div class="sk-circle12 sk-circle"></div>
        </div>
    </figure>

    <div class="media-body">
        <strong>Proof of address</strong>
        <br>Uploading...

        <a hre="#" class="attachment-action a-alert">Cancel</a>
    </div>
</article>
 
<article class="attachment is-loading media">
  <figure class="attachment-img media-img">
    {{> @spinner }}
  </figure>
  
  <div class="media-body">
    <strong>Proof of address</strong>
    <br>Uploading...

    <a hre="#" class="attachment-action a-alert">Cancel</a>
  </div>
</article>
 
/* No context defined for this component. */

There are no notes for this item.