Search...

Search documentation...

Empty State

Empty State

A consistent first-run, filtered or empty result state for pages, cards and tables.

No orders yet

Orders will appear here once your first customer checks out.

Use compact inside a card or table body where vertical space is limited.

API

PropTypeDefaultDescription
titlestring—Primary empty-state heading.
descriptionstring—Supporting explanation.
iconComponentType—Optional decorative icon.
actionReactNode—Optional action, usually a Button.
compactbooleanfalseUses tighter spacing for embedded states.

The root accepts native <div> props.