EmptyState

Empty content placeholder with icon, title, and CTA.

import { EmptyState } from '@ybouhjira/hyperkit';

#Playground

Edit the code — the preview recompiles and re-renders as you type.

Loading preview…

<EmptyState title="Nothing here" description="This space is empty for now." />

<EmptyState icon="search" title="No results" />

Prop	Type	Default	Description
`icon`	`string`	—	Icon name to display above the title.
`title` *	`string`	—	Main heading text.
`description`	`string`	—	Optional description text below the title.
`action`	`JSX.Element`	—	Optional action button or element.
`class`	`string`	—	Additional CSS classes.
`unstyled`	`boolean`	`false`	Remove all default styling classes.

* required prop.

This component reads the following CSS custom properties. Override them globally or per-instance to restyle it — see the CSS Variables guide.