Data Display

EmptyState

Centered placeholder for an empty or no-match list, with an icon, title, description, and actions.

Example

No invoices yet

Invoices you create will show up here.

Prop	Type	Default	Description
`title`	`ReactNode`	—	Required. The headline.
`description`	`ReactNode`	—	Supporting sentence.
`icon`	`ReactNode`	—	Rendered in a tinted circular tile.
`actions`	`ReactNode`	—	Buttons / links below the description.

title

ReactNode

Default: —

Required. The headline.

description

ReactNode

Default: —

Supporting sentence.

icon

ReactNode

Default: —

Rendered in a tinted circular tile.

actions

ReactNode

Default: —

Buttons / links below the description.

Prop	Type	Default	Description
`size`	`"sm" \| "md" \| "lg"`	md	Padding + icon + title scale.

size

"sm" | "md" | "lg"

Default: md

Padding + icon + title scale.

Prop	Type	Default	Description
`classNames`	`{ base?, icon?, title?, description?, actions? }`	—	Slot class overrides.

classNames

{ base?, icon?, title?, description?, actions? }

Default: —

Slot class overrides.