Empty
Empty
Empty state placeholder.
Importimport{ Empty }from"antd"; |
Sourcecomponents/empty |
When To Use
- When there is no data provided, display for friendly tips.
- User tutorial to create something in fresh new situation.
Examples
No data
No data
Customize Description
Select
TreeSelect
Cascader
Transfer
0 item
Data Not Found
0 item
Data Not Found
Table
Name | Age |
---|---|
Data Not Found |
List
Data Not Found
API
Common props ref:Common props
<Empty><Button>Create</Button></Empty>
Property | Description | Type | Default | Version |
---|---|---|---|---|
description | Customize description | ReactNode | - | |
image | Customize image. Will treat as image url when string provided | ReactNode | Empty.PRESENTED_IMAGE_DEFAULT | |
imageStyle | The style of image | CSSProperties | - |
Built-in images
Empty.PRESENTED_IMAGE_SIMPLE
Empty.PRESENTED_IMAGE_DEFAULT
Semantic DOM
Customize Description
root
5.23.0Root elementimage
5.23.0Image elementdescription
5.23.0Description elementfooter
5.23.0Footer element