Empty
A placeholder for empty data, supporting custom descriptions, custom illustrations with sizing, and hiding the illustration or action area.
Basic usage
Basic usage
Custom description
Custom description
Custom illustration (image URL)
Pass an image URL via the illustration attribute to replace the default illustration.
Image URL
Custom illustration (SVG markup)
The illustration attribute also accepts inline SVG/HTML markup.
SVG markup
Custom illustration (slot)
Pass any content via slot="illustration"; it takes precedence over the illustration attribute.
Slot custom illustration
Custom size
Control the illustration size (number, in px) via image-size, used together with a custom illustration.
Custom size
Hide illustration
Hide illustration
Action area
Action area
API
Attributes
| Attribute | Description | Type | Default |
|---|---|---|---|
description | Description text | — | — |
hide-image | Hide the illustration | — | — |
illustration | Custom illustration: SVG/HTML markup or image URL | — | — |
image-size | Illustration size (px) | — | — |
Slots
| Name | Description |
|---|---|
action | Action area, placed below the description |
illustration | Custom illustration content, takes precedence over the illustration attribute |