Empty state

The zero-data screen, with room for a recovery action.

Source: src/stylus/components/empty.styl

Default

Pair the explanation with the action that resolves it.

No components yet
Scaffold your first one with the CLI.
<div class="empty empty-state">
  <div class="empty-icon" aria-hidden="true">&#9634;</div>
  <div class="empty-title">No components yet</div>
  <div class="empty-description">Scaffold your first one with the CLI.</div>
  <div class="empty-actions"><button type="button" class="button secondary sm">Add component</button></div>
</div>