Status & feedback / Nothing here, and why
Empty
Distinguish no results, unmatched filters, and information that could not be determined.
Basic usage
HTML
<div class="empty">
<p class="empty-title">No statements match.</p>
<p class="empty-note">Remove a filter or try a different keyword.</p>
<a class="btn" href="../">Back to components</a>
</div>Classes & attributes
| Class / attribute | Purpose |
|---|---|
.empty | A region with no results. |
.empty-title / .empty-note | What is missing, why, and what to do next. |
Usage notes
Zero and unknown are different. Do not display unknown results as a count of zero.
Examples follow your system color scheme. Use ◐ in the header to try automatic, light, and dark themes.