EmptyState
Placeholder for empty content areas
Divergence from Blok
Structurally aligned with Blok's EmptyStates. Both are single components that take string title/description and a ChildContent (Blok: actions ReactNode) slot for action buttons. Differences: (1) we use the singular name EmptyState; (2) we use IconPath with our local IconSvg.* constants instead of Blok's imageSrc URL pointing to Sitecore Content Hub assets; (3) Blok ships variant-driven copy/imagery defaults (no-search-results, nothing-created, error) which we do not — supply your own copy and icon.
Examples
Default
No documents
You haven't created any documents yet. Get started by creating your first one.
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| EmptyState | Centred placeholder block with an optional icon, heading, supporting copy, and action slot. Each piece renders only when its parameter is supplied. |
EmptyState
Centred placeholder block with an optional icon, heading, supporting copy, and action slot. Each piece renders only when its parameter is supplied.
| Property | Type | Required | Description |
|---|---|---|---|
| IconPath | string? | IconSvg path rendered above the title at size-12 in muted foreground. Omit for text-only empty states. | |
| Title | string? | Heading text shown under the icon. | |
| Description | string? | Supporting copy shown under the title, rendered at text-sm in muted foreground. | |
| ClassName | string? | Extra CSS classes appended to the outer container. | |
| ChildContent | RenderFragment? | Action slot rendered below the description — typically a Button or group of buttons. |