empty
Placeholder for empty states.
Preview
T
D
Markup
<div class="empty"><div class="empty-icon"><svg>…</svg></div><div class="empty-title">T</div><div class="empty-description">D</div><div class="empty-actions"><button class="btn">A</button></div></div>Install
Import the component CSS (depends on base/tokens.css):
@import "@russfranky/shadcss/src/components/empty.css";
…or copy it into your repo with the CLI:
npx @russfranky/shadcss-cli add empty
Accessibility
Empty-state layout
Classes
.empty .empty-icon .empty-title .empty-description .empty-actions .empty-error .empty-success .empty-warning
Dependencies
base/tokens