Table of Contents

Empty States

Empty states are the messages that appear when there is no data yet, or when a filtered search returned no results.

A progress loader is not an empty state. An empty state appears when the page has loaded all of its data and there is still nothing to show the user.

Examples:

A good empty state should answer these questions:

  1. What is supposed to be here?
  2. Why is it not here?
  3. How do I get it?

Ideally, the interface should distinguish between initial states (nothing added yet) and zero results (there is data, but your conditions were too narrow).

Empty States in Evergreen

Empty states appear in:

bugs tagged with ux-empty-states

Further Reading