Ship-It Designv0.0.3
GitHub

EmptyState

Each example below is a real component instance — flip the theme toggle to see how it adapts.

Default#

Loading…

No Results#

Loading…

Suggestions#

Loading…

Err#

Loading…

Props#

Props for EmptyState
PropTypeDefaultDescription
iconReactNodeGlyph or icon node shown in the rounded plate.
title *ReactNodeTitle heading.
descriptionReactNodeBody description.
actionReactNodeOptional primary action (e.g., a Button) below the description.
chipsreadonly { label: ReactNode; onClick?: (() => void) | undefined; }[] | undefinedOptional list of chip-style suggestions instead of (or below) the action.
toneenumSemantic tone for the icon plate. Omit for the neutral default.