Components/Empty State

Search documentation

Jump to any guide or component.

↑↓ move · Enter open · Esc close

Feedback · EmptyState

SSR NativeAccessible

Empty State

Explains why content is absent and offers a useful next action.

Live previewv0.1.4

No audit events

Events appear after the first configuration change.

Astro
---
import { EmptyState } from '@charvesta/cetha';
---

<EmptyState title="No audit events" description="Events appear after the first change.">
  <Icon slot="icon" name="search" />
  <Button size="sm">Refresh</Button>
</EmptyState>

API reference

PropTypeDefaultDescription
title*stringShort explanation of the empty condition.
descriptionstringOptional guidance.
classstringAdditional classes forwarded to the rendered element.

Accessibility

Keep the title factual and ensure the primary recovery action is keyboard accessible.