Component · C-023

EmptyState

Explains why there is no data and offers a way out. The title names the absence; the description and action show how to continue.

Install

Install koten-theme first when the project has no Koten tokens yet.

npx shadcn@latest add https://koten.codehive.com.co/r/empty-state.json

Accessibility

• The title renders as an h3 inside the page hierarchy; do not add another heading with the same text.
• The action has an explicit name that describes the result, not an ambiguous “see more”.
• The icon is decorative; the title and description carry all the meaning.

Read the whole page

• Markdown page
• Agent index (llms.txt)
• Full documentation (llms-full.txt)

Koten UI · llms.txt · llms-full.txt · Markdown