Print Desk

The Atom design system, rendered live from its own tokens and components — it cannot drift from what ships.

Docs Components

EmptyStateexperimental

An empty screen should teach, not shrug. Say what belongs here, then offer the first step to fill it.

emptyzero-stateonboarding

API

PropTypeDescription
glyphReactNodeLarge decorative mark, aria-hidden.
title requiredstringWhat this space is for.
descriptionstringHow things get here.
actionReactNodeThe first step — usually a secondary button.

Guidelines

  • mustEvery list, table, and search surface defines its empty state at design time — 0 items is a state, not an accident.
  • shouldEmpty-state actions never use the primary variant if the surface already has a primary.