# All done empty state

All done empty state: a free component, built on your design tokens, to use when a person has finished every item in a queue, inbox or to-do list. Inbox zero: a calm note that everything is handled, when new items will show up, and a quiet way to see what's done.

Prompt: Add the OpenDesigner component empty-all-done to this project: https://opendesigner.dev/library/empty-all-done.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: all done, hover, focus.

Accessibility: The heading says the state in words; the check drawing is decorative and hidden from screen readers.

File: https://opendesigner.dev/library/empty-all-done.html

Catalog entry (parts, data limits, states, tokens): https://opendesigner.dev/library/empty-all-done.json

Download: `curl -fsSLo empty-all-done.html https://opendesigner.dev/library/empty-all-done.html`