vmk-ui-kit/demo/partials/loader.html at 550d4c5911a5980701b4802d3d372e41c999b775

Fork: 0

root / vmk-ui-kit

Find file

Newer

Older

vmk-ui-kit / demo / partials / loader.html

Eugene Sukhodolskiy 1 day ago 866 bytes Add Popover, Pagination, Timeline and Loader components

Raw Blame History

<section class="demo-section">
  <h2>Loader</h2>

  <p>Spin:</p>
  <span class="loader loader-sm" role="status" aria-label="Loading"><span class="loader-spin"></span></span>
  <span class="loader loader-md" role="status" aria-label="Loading"><span class="loader-spin"></span></span>
  <span class="loader loader-lg" role="status" aria-label="Loading"><span class="loader-spin"></span></span>

  <p>Dots:</p>
  <span class="loader loader-md loader-dots" role="status" aria-label="Loading"><span></span><span></span><span></span></span>

  <p>Bar:</p>
  <span class="loader loader-md loader-bar" role="progressbar" aria-label="Loading"><span></span></span>

  <p>Block:</p>
  <div class="loader-block">
    <span class="loader loader-lg" role="status" aria-label="Saving"><span class="loader-spin"></span></span>
    <span>Saving changes...</span>
  </div>
</section>