ComponentsEmpty state

displaytexulinot agent-emittableapp

Empty state

empty-state

Placeholder when a list or panel has nothing to show yet.

Live examples

No orders

No orders

Loading demo…

Props

Public props for Empty state
NameKindRequiredDefaultDescription
titlestringyes——
descriptionstringno——
illustrationslotno——
actionslotno——
sizeenum (sm, md)no"md"—
classstringno——

Keyboard

Keyboard behavior for Empty state
KeyAction
—See accessibility notes for keyboard behavior.

Accessibility

  • Title is required text; illustration is decorative (aria-hidden).

Evidence for empty-state

Latest committed gates for empty-state (as of 2026-10-23). Static snapshot — not live CI.

Behavior

n/ano behavior scenario

No dedicated behavior scenario for this catalog id (a styled or display surface, covered by its unit and axe tests).

Size (gzip)

texuli/empty-state · budget 12.0 KiB

Budget from texuli.budgets.json; re-measure with `pnpm size --filter <entry>`.

Axe

documented

  • tests/e2e/site-component-pages.spec.ts
  • docs/quality (a11y-*)

Site component pages axe gate; package-level a11y docs under docs/quality when present.

Browsers

  • chromium
  • webkit
  • mobile

Playwright projects: Desktop Chrome, Desktop Safari, Pixel 7. Firefox is a known gap on this host.

When to use

Use when

  • First-run or filtered-empty lists

Don’t use when

Prefer another component

  • A failure after a request (use error-state)