Empty
Placeholder hints for empty states.
Basic usage
Empty basic usage
No Data
Custom image
Use image prop to set image URL.
No Data
Image size
Use image-size prop to control image size.
No Data
Bottom content
Use the default slot to insert content at the bottom.
No Data
Custom styles
Now you can set custom style for empty component. Use css/scss language to change the global or local color. We set some global color variables:--empty-fill-color、--empty-stroke-color。 You can use variables like :root { --empty-fill-color: red; --empty-stroke-color: blue; } to change component's fill or stroke color。
Default variables
Variable | Color |
---|---|
--empty-fill-color | #eef0f5 |
--empty-stroke-color | #cfd0d3 |
Empty API
Empty Attributes
Name | Description | Type | Default |
---|---|---|---|
image | Image URL of empty | string | '' |
image-size | Image size (width) of empty | number | - |
description | Description of empty | string | '' |
Empty Slots
Name | Description |
---|---|
default | Content as bottom content |
image | Content as image |
description | Content as description |