Skip to content
Theme

Empty state

What a list or page shows when there is nothing in it yet.

Examples

With an icon and an action

No dossiers yet

A dossier collects the evidence behind one decision.

Props

EmptyState

What a list, table or page shows when there is nothing in it yet, and what to do about it.

PropTypeDefaultDescription
titlestring—
children?ReactNode—
icon?ReactNode—An icon from
action?ReactNode—The action that fills the empty place.

Accessibility

  • No interaction of its own: it is static content, so there is nothing to operate by keyboard.