Empty State — Playground
context
size
State
<kui-empty-state heading="No projects yet" description="Create the first project to start working with your team.">
<kui-icon kuiEmptyStateIcon name="package" />
<div kuiEmptyStateActions>
<button kuiButton type="button">Create project</button>
<button kuiButton shape="ghost" type="button">Import</button>
</div>
</kui-empty-state>| Name | Type | Default | Description |
|---|---|---|---|
| heading | string | undefined | - | Optional empty-state heading text; omit it for a description-only state. Visual text only, not a forced heading level. |
| description | string | null | null | Optional supporting text rendered below the title. |
| context | 'no-data' | 'no-results' | 'error' | 'no-access' | 'success' | 'no-data' | Semantic context. Only changes the icon accent, not layout. |
| size | 'sm' | 'md' | 'lg' | 'md' | Empty-state layout size. Small uses a compact horizontal layout. Falls back to defaults.emptyState.size, then the global defaults.size. |
| [kuiEmptyStateIcon] | KuiEmptyStateIcon | - | Marks projected visual content as the decorative icon slot. Kikita marks it aria-hidden. |
| [kuiEmptyStateActions] | KuiEmptyStateActions | - | Marks projected content as the action slot for native buttons, links, or Kikita button directives. |
| KuiEmptyStateOptions | interface | - | Shape of defaults.emptyState: size. |
Inputs verified against @kikita-labs/ui v2.0.0 v2.0.0 public typings.