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
Simplest Usage.
No data
You can choose another style of image by setting image to Empty.PRESENTED_IMAGE_SIMPLE.
Customize Description
Customize image source, image size, description and extra content.
Select
TreeSelect
Cascader
Transfer
0 item
Data Not Found
0 item
Data Not Found
Table
| Name | Age |
|---|---|
Data Not Found | |
List
Data Not Found
Use ConfigProvider set global Empty style.
Simplest Usage with no description.
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