Empty State

zyra-empty-state

A friendly placeholder for empty lists, no search results, or first-run screens, with room for an icon and actions.

No results found
Try adjusting your filters or search terms.

API

All inputs and configuration options for zyra-empty-state.

PropTypeDefaultDescription
titlestring''Primary heading text
descriptionstring''Supporting explanation text
size'sm' | 'md' | 'lg''md'Overall padding and spacing scale

Accessibility

Built to meet WCAG 2.0 AA. These notes cover the key ARIA, keyboard, and interaction behaviours.

  • Presentational — pair with an aria-live region if it appears after an async search
  • Action buttons inside the actions slot remain fully keyboard accessible