EmptyState

Nothing here, and what to do about it.

import { EmptyState } from '@textui/core';

<EmptyState
  title="No services"
  message="Nothing is registered in this namespace yet."
  hint="press n to add one"
/>

Props

| Prop | Type | Default | | | — | — | — | — | | title | string | required | | | message | string | | | | icon | string | | | | hint | string | | Hint text: what the reader can do about it. |

Plus everything on BoxProps.

hint is the part that earns the component. An empty list that says only “No services” leaves the reader stuck; one that names the key out is the difference between an empty state and a dead end.

Centre it with Center if it is standing in for a whole pane.

See also

• ErrorState - empty because something broke
• Center - for filling the region it replaces