Components
Empty state
Centered placeholder for empty lists, empty searches, or first-time states.
No results
We couldn't find anything matching your query.
<div class="b-empty" style="max-width:32rem">
<svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg>
<div class="b-empty-title">No results</div>
<p>We couldn't find anything matching your query.</p>
<button class="b-btn b-btn-secondary">Clear search</button>
</div>API
| Class | Effect |
|---|---|
.b-empty | Centered placeholder container |
.b-empty-title | Bold title |