EmptyState

EmptyState — Prism component.

Signature

Density

Viewport

Theme follows the navbar ☀/☾ toggle

Live demo

When to use

Use it when A zero / no-results / error / offline state, with a clear next step.
Reach for something else when Brief loading — use Spinner or a skeleton.

Communicates the situation in words and offers a clear next step; not reliant on illustration alone.

const { EmptyState } = window.PrismDesignSystem_39d121;

No results

<EmptyState variant="no-results" title="No matches"
  description="Try a different search." />

Error with retry

<EmptyState variant="error" title="Couldn’t load invoices"
  actions={<Button onPress={retry}>Try again</Button>} />

Prop	Type	Required	Description
`variant`	`EmptyVariant`	—	Picks the default glyph + tone. Default "empty".
`size`	`EmptySize`	—	Footprint. Default "section".
`title`	`React.ReactNode`	—
`description`	`React.ReactNode`	—
`icon`	`React.ReactNode`	—	Swap just the glyph (keeps the tinted disc).
`illustration`	`React.ReactNode`	—	Replace the disc entirely with custom artwork.
`actions`	`React.ReactNode`	—	Buttons / links rendered below the copy.
`aux`	`React.ReactNode`	—	Small auxiliary line under the actions (page/section only).