Empty states are used to convey there is no data is available for display. Types include No results, First use, No Data, User Cleared
primaryAction - Primary Action Button. Should be a zeta-button.
zeta-button
secondaryAction - Secondary Action Button. Should be a zeta-button.
illustration - Illustration to be displayed in the empty state. Should be a zeta-illustration.
zeta-illustration
https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=38470-1055
https://design.zebra.com/web/storybook/?path=/docs/components-empty-state--docs
Description of the empty state
Title of the empty state
Static
Protected
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.
ChildPart
TemplateResult
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.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