---
categories: [Widgets]
layout: page
title: Loading State
resource: true
---
<div style="width: 350px;">
  <div style="height: 150px;">
    <div class="loading-state-pf">
      <span class="spinner" aria-hidden="true"></span>
      Loading
    </div>
  </div>
  <div style="height: 150px;">
    <div class="loading-state-pf loading-state-pf-lg">
      <span class="spinner spinner-lg" aria-hidden="true"></span>
      Loading
    </div>
  </div>
  <div style="height: 150px;">
    <div class="loading-state-pf">
      <span class="spinner spinner-sm" aria-hidden="true"></span>
      Loading
    </div>
  </div>
  <div style="height: 150px;">
    <div class="loading-state-pf">
      <span class="spinner spinner-xs" aria-hidden="true"></span>
      Loading
    </div>
  </div>
</div>