The description should be slotted in using the description slot. This property will be removed in a future release.
rounded
rounded:boolean
title
title:string
Title of the empty state.
Deprecated
The title should be slotted in using the title slot. This property will be removed in a future release.
Staticstyles
styles:CSSResultGroup[] = ...
rendering
Protectedrender
render():TemplateResult<1>
Invoked on each update to perform rendering tasks. This method may return
any value renderable by lit-html's ChildPart - typically a
TemplateResult. Setting properties inside this method will not trigger
the element to update.
Empty states are used to convey there is no data is available for display. Types include No results, First use, No Data, User Cleared.
Slot
primaryAction - Primary Action Button. Should be a
zeta-button.Slot
secondaryAction - Secondary Action Button. Should be a
zeta-button.Slot
illustration - Illustration to be displayed in the empty state. Should be a
zeta-illustration.Slot
title - Title of the empty state. Should be a
h4element.Slot
description - Description of the empty state. Should be a
pelement.Cssproperty
--empty-state-max-width - Max width of the empty state. Default is 375px.
Part
container - The container of the empty state.
Part
content - The content of the empty state (title, description, actions).
Part
actions - The container for the action buttons.
Figma
https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=38470-1055
Storybook
https://design.zebra.com/web/storybook/?path=/docs/components-empty-state--docs