## Empty
The placeholder for a surface that has no data yet.
Tier: leaf-lit. Frameworks: HTML (paste-and-run, no build step) · React · Vue 3.
Default to the HTML snippet — <aha-empty> is a standard custom element that renders on open — React/Vue are thin adapters over the same element.
Surfaces: editor, dashboard, settings, audience.
Props:
- image: 'default' | 'simple', default default. Built-in illustration: 64×41 line art, or a smaller 48×30 low-key graphic for tight surfaces
- description: string, default —. The caption; falls back to the default slot when absent, and renders nothing when set to ""
- (default slot): slot, default No data. The caption (alternative to the `description` attribute)
- image: slot, default —. A custom picture (e.g. an <aha-icon>) that supersedes the built-in illustration
- action: slot, default —. An optional call to action (a button or link)
Tokens: text-tertiary, text-disabled, font-product.
Use when: Empty (a list, table, or panel has nothing to show yet); Result (reporting the outcome of an action (success, 404)); Skeleton (content is loading, not absent).