Components / empty

empty

Placeholder for empty states.

status: stable js: none support: baseline

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

Classes

.empty .empty-icon .empty-title .empty-description .empty-actions .empty-error .empty-success .empty-warning

Dependencies

base/tokens