7.2 loaders.throbber Throbber

Toggle example guides Toggle HTML markup

This is a default loading animation throbber.

This is used as a general placeholder to load content.

Example
Markup: components/throbber/throbber.twig
<div class="throbber-wrapper">
  <div class="throbber">
    <svg class="throbber__image" viewBox="25 25 50 50">
      <circle class="throbber__path" cx="50" cy="50" r="20" fill="none" stroke-width="4" stroke-miterlimit="10"/>
    </svg>
  </div>
</div>
Source: components/throbber/throbber.scss, line 1