Skip to main content

Actions and status

EmptyState

Render the shared no-results state. The friendly ghost town of your application.

Curated demo

No releases yet

Publish a prerelease to get started.

Reference

Render the shared no-results state. The friendly ghost town of your application.

  • Use EmptyState when a collection has nothing to show. Because a blank white screen is terrifying.
  • Pair it with a clear next action when possible. Tell the user what to do to make the empty state go away.
  • Keep the tone encouraging. 'You have no friends' is sad. 'Add some friends to get started!' is better.

Example snippet

<EmptyState title="No releases yet" description="Publish a prerelease to get started." />