FEEDBACK / COMPONENTS
Empty state
Explain what is missing and how to begin.
About empty state
Explain why the area is empty and offer a relevant next action. Distinguish first use, no results, and errors.
Anatomy
Shared parts, named consistently.
Room for your next idea
Add your first component to start a reusable library.
- 1Illustration
Content or structure that supports the component’s purpose and reading order.
- 2Heading
Names the component, action, or content. Keep it clear and persistent.
- 3Explanation
Content or structure that supports the component’s purpose and reading order.
- 4Action
A named, keyboard-operable interaction with visible focus and state feedback.
Try the default
A working example with the shared V1 visual language.
Room for your next idea
Add your first component to start a reusable library.
When to use
Explain why the area is empty and offer a relevant next action. Distinguish first use, no results, and errors.
The primary action is keyboard operable. The message remains readable without an illustration.