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
ReactNodeContent of the Empty State.
ReactNodeThe title to display in the EmptyState.
ReactElement<unknown, string | JSXElementConstructor<any>> | ReactElement<unknown, string | JSXElementConstructor<any>>[]Actions to display in the EmptyState.
stringclassName for the element.
"adjustments-horizontal" | "archive" | "arrow-down-tray" | "arrow-down" | "arrow-left-right" | "arrow-left" | "arrow-merge" | "arrow-path" | "arrow-pointing-out" | "arrow-right-rectangle" | "arrow-right" | "arrow-split" | "arrow-top-right-square" | "arrow-turn-right" | "arrow-up-tray" | "arrow-up" | ... 143 more ...The icon to display in the EmptyState.
"alert" | "apricot" | "blue" | "carbon" | "emerald" | "forest" | "grolive" | "info" | "lemon" | "neutral" | "ocean" | "peach" | "pink" | "purple" | "success" | "warning"The variant of the icon.
Default: infoReactElement<unknown, string | JSXElementConstructor<any>>The illustration to display in the EmptyState.