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
 <div class="sb-empty-resource">
   <div class="sb-empty-resource__container">
     <div>
       <div class="sb-margin-bottom-l">
         <h2 class="sb-title--l sb-margin-bottom-s">That's an empty list</h2>
         <p>Looks like the resource you're looking at has nothing in it.</p>
       </div>
       <button class="sb-btn sb-btn--primary">Call to action</button>
     </div>
     <div
      class="sb-col-6 sb-empty-resource__illustration"
     role="img"
     aria-label="Nothing in the list illustration"></div>
   </div>
 </div>
Source: components/_empty-resource.scss, line 1