2018-12-26 16:01:00 +08:00
|
|
|
---
|
|
|
|
|
category: Components
|
|
|
|
|
type: Data Display
|
|
|
|
|
title: Empty
|
|
|
|
|
cols: 1
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
Empty state placeholder.
|
|
|
|
|
|
|
|
|
|
## When To Use
|
|
|
|
|
|
2019-04-02 10:26:45 +08:00
|
|
|
- When there is no data provided, display for friendly tips.
|
|
|
|
|
- User tutorial to create something in fresh new situation.
|
2019-03-20 17:45:35 +08:00
|
|
|
|
2018-12-26 16:01:00 +08:00
|
|
|
## API
|
|
|
|
|
|
|
|
|
|
```jsx
|
|
|
|
|
<Empty>
|
|
|
|
|
<Button>Create</Button>
|
|
|
|
|
</Empty>
|
|
|
|
|
```
|
|
|
|
|
|
2019-07-11 14:14:33 +08:00
|
|
|
| Property | Description | Type | Default | Version |
|
|
|
|
|
| --- | --- | --- | --- | --- |
|
2019-11-20 20:31:43 +08:00
|
|
|
| description | Customize description | string \| ReactNode | - | |
|
|
|
|
|
| imageStyle | style of image | CSSProperties | - | |
|
|
|
|
|
| image | Customize image. Will tread as image url when string provided. | string \| ReactNode | `Empty.PRESENTED_IMAGE_DEFAULT` | |
|
2019-04-02 10:26:45 +08:00
|
|
|
|
|
|
|
|
## Built-in images
|
|
|
|
|
|
2019-05-07 14:57:32 +08:00
|
|
|
- Empty.PRESENTED_IMAGE_SIMPLE
|
2019-04-02 10:26:45 +08:00
|
|
|
|
|
|
|
|
<img src="https://user-images.githubusercontent.com/507615/54591679-b0ceb580-4a65-11e9-925c-ad15b4eae93d.png" height="35px">
|
|
|
|
|
|
2019-05-07 14:57:32 +08:00
|
|
|
- Empty.PRESENTED_IMAGE_DEFAULT
|
2019-04-02 10:26:45 +08:00
|
|
|
|
|
|
|
|
<img src="https://user-images.githubusercontent.com/507615/54591670-ac0a0180-4a65-11e9-846c-e55ffce0fe7b.png" height="100px">
|
