EmptyState

Nothing here yet, and exactly what to do about it. Honest empty states replace fabricated activity feeds.

Example

No projects yet

Projects hold your pages, themes, and deploys. Create the first one to get going.

<EmptyState
  title="No projects yet"
  body="Projects hold your pages, themes, and deploys."
  actionLabel="Create project"
  actionHref="/components"
/>

Props

Prop	Type	Default	Description
`title`	`string`	-	Why it is empty.
`body`	`string`	-	One sentence of context.
`actionLabel / actionHref`	`string`	-	The one action that fills it.

Accessibility

Empty states name the cause AND the next action (R-27 done right).
First run, filtered-to-nothing, and permission-denied are different copies: write them separately.