components/bits/EmptyState#

EmptyState()#

function EmptyState(props): Element;

The app's single "there is nothing here" surface: a circular icon well over a title and an optional hint. Every gateway/sharing empty used to hand-roll this with slightly different sizes and colors.

Only ever render this once loading has finished — an empty state shown while data is still in flight tells the user something false. Use SkeletonList for the loading case.

Parameters#

Returns#

Element

EmptyStateProps#

Properties#

action?#

optional action?: ReactNode;

Optional call to action rendered under the description.

dense?#

optional dense?: boolean;

Tighter vertical rhythm for empties inside a card or a short region.

description?#

optional description?: ReactNode;

icon#

icon: ElementType;

title#

title: string;