Empty state

26

Empty state is a design element used to inform users when there's no content to display. This could be due to various reasons such as a first-time user with no data yet, a search yielding no results, or an error.

Rather than presenting a blank screen, Empty states provide guidance on what to do next, helping to enhance user engagement. Empty state component can offer instructions, feedback, or a call to action to populate the empty area with content. Empty States transform potentially confusing or disappointing moments into opportunities for onboarding, education, and increased user satisfaction.

Looking into how the

Empty state

component works?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%

Looking into how the

Empty state

component works?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%

Looking into how the

Empty state

component works?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%