2.14 #Components.emptyResource Empty resource

Toggle example guides Toggle HTML markup

This component is used to display a message about an empty resource/list for example, when there are no forms in the forms list page, or no workspaces in workspaces list page

Browser support: IE10+, Safari9+, Firefox30+, Chrome30+

That's an empty list

Looks like the resource you're looking at has nothing in it.

Markup 
  1.  <div class="sb-empty-resource">
  2.    <div class="sb-empty-resource__container">
  3.      <div>
  4.        <div class="sb-margin-bottom-l">
  5.          <h2 class="sb-title--l sb-margin-bottom-s">That's an empty list</h2>
  6.          <p>Looks like the resource you're looking at has nothing in it.</p>
  7.        </div>
  8.        <button class="sb-btn sb-btn--primary">Call to action</button>
  9.      </div>
  10.      <div
  11.       class="sb-col-6 sb-empty-resource__illustration"
  12.      role="img"
  13.      aria-label="Nothing in the list illustration"></div>
  14.    </div>
  15.  </div>
Source: components/_empty-resource.scss, line 1