EmptyState

EmptyState are used to inform the user when there is no data to display (either because of an error and we cannot retrieve it or because we have an empty result set).

View source code

subtitle
```
ReactNode
```
Content of the Empty State.
title
```
ReactNode
```
The title to display in the EmptyState.

actions

ReactElement<unknown, string | JSXElementConstructor<any>> | ReactElement<unknown, string | JSXElementConstructor<any>>[]

Actions to display in the EmptyState.

className
```
string
```
className for the element.

iconName

"adjustments-horizontal" | "archive" | "arrow-down-tray" | "arrow-down" | "arrow-left-right" | "arrow-left" | "arrow-path" | "arrow-right-rectangle" | "arrow-right" | "arrow-split" | "arrow-top-right-square" | "arrow-turn-right" | "arrow-up-tray" | "arrow-up" | "arrow-uturn-left-down" | "arrow-uturn-right-top" | ... 140 more ...

The icon to display in the EmptyState.

iconVariant

"alert" | "apricot" | "blue" | "carbon" | "emerald" | "forest" | "grolive" | "info" | "lemon" | "neutral" | "ocean" | "peach" | "pink" | "purple" | "success" | "warning"

The variant of the icon.

Default: info

illustration

ReactElement<unknown, string | JSXElementConstructor<any>>

The illustration to display in the EmptyState.