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." />