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