Skip to content 
Empty state content
Header
Empty state content
Empty state content Visit Save
Empty state - Web Component
The EmptyState component can be used imported from:
Playground
Parameters
...
Events
This component has events. Check the documentation about how to use the events.
| Name | Payload | Description |
|---|
Slots
This component has slots. Check the documentation about how to use the slots.
| Name | Tags | Description |
|---|---|---|
default | span | The content of the empty state |
header | span | The title of the empty state |
actions | span | The actions to display |
Parameters use
content
The content parameter is used to define the content of the empty state component. It uses the default slot too.
header
The header parameter is used to define the header of the empty state component. It uses the header slot too.
Empty state content
Image
image-src
The image-src parameter is used to define the image URL to be displayed inside the empty state component.
You can also use the images from the Zurich media images. Make sure you specify correctly the name of the image you want to display.
image-alt
The image-alt parameter is used to define the alt text for the image displayed inside the empty state component.
pictogram
The pictogram parameter is used to define the pictogram to be displayed inside the empty state component. Make sure you specify correctly the name of the pictogram you want to display. Check the Pictogram component for the list of available pictograms.
If both image-src and pictogram are defined, the pictogram will be displayed.
Button / actions
We can use the actions slot for establishing custom actions inside the card:
Browser support
Detected engine:
Chromium
Webkit
Gecko