Empty

Empty state placeholder.

Empty

When to use

When there is no data provided, display for friendly tips.


Basic

Simplest Usage

No Data

Table

Table with no data
NameAgeAddressTagsAction

No Data

Choose image

You can choose another style of image by setting image to Empty.PRESENTED_IMAGE_SIMPLE.

No Data

Customize

Customize image source, image size, description and extra content.

Customize

API

PropertyDescriptionTypeDefault
description
Customize description
string | ReactNode
-
imageStyle
The style of image
CSSProperties
-
image
Customize image. Will treat as image url when string provided
string | ReactNode
Empty.PRESENTED_IMAGE_DEFAULT