EmptyState

Display contextual empty states with icons, titles, descriptions, and actions.

Installation

bash

npx @smicolon/cli add empty-state

Run init once per project before adding components. See Installation.

Get started by adding your first product.

No results for "linen shirt". Try a different search term.

Get started by creating your first order.

Prop	Type	Default	Description
`icon`	`ReactNode`	—	Icon above the title.
`title`	`string`	—	Main title.
`description`	`string`	—	Text below the title.
`action`	`ReactNode`	—	Primary action.
`secondaryAction`	`ReactNode`	—	Secondary action.
`size`	`"sm" \| "default" \| "lg"`	`"default"`	Size of the empty state.
`className`	`string`	—	Extra classes for the component.