Skip to content

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

VariableColor
--empty-fill-color#eef0f5
--empty-stroke-color#cfd0d3

Empty API

Empty Attributes

NameDescriptionTypeDefault
imageImage URL of emptystring''
image-sizeImage size (width) of emptynumber-
descriptionDescription of emptystring''

Empty Slots

NameDescription
defaultContent as bottom content
imageContent as image
descriptionContent as description