@eds/empty-state
v4.1.5
EmptyState
An inline message component to communicate why no data is displayed and what to do next.Prop | Required | Description | Type |
|---|---|---|---|
title | ✅ | Heading text of the empty state. | string |
description | ✅ | Body text of the empty state. | string |
headingLevel | — | Semantic heading level for title. Defaults to 2, which renders a <h2>. If needed, adjust to follow Heading ranks best practices. NOTE: This doesn't affect font-size. @see WAI https://www.w3.org/WAI/tutorials/page-structure/headings/ | 1 | 2 | 3 | 4 | 5 | 6 |
spotIllustration | — | Optionally, provide a spot illustration from @eds/illustration as a complement to convey the message. @see Illustration https://eds.docs.elmotalent.com.au/packages/illustration/ | ComponentClass<SpotIllustrationProps, any> | FunctionComponent<SpotIllustrationProps> |
primaryAction | — | Button type primary with action for the user. | ButtonPropTypes |
secondaryAction | — | Button type secondary with action for the user. | ButtonPropTypes |