Accessible name for the action buttons group of empty state. Can be used for internationalization. Default is "Button group".

The main block of text that holds additional supporting information.

Title that briefly describes the page to the user.

The value used to set the heading level of the header element. Must be in the range of 1 to 6. Defaults to 4.

The keyword used to set the visual appearance of the header element. Defaults to "medium". "xsmall" can be used for empty states in smaller contexts such as popups.

Height of the image that is rendered in EmptyState component. Useful when you want image to be of exact height to stop it bouncing around when loading in. Only set height if you want the image to resize down on smaller devices.

The url of image that will be shown above the title, fed directly into the src prop of an <img> element. Note, this image will be constrained by the maxWidth and maxHeight props.

Width of the image that is rendered in EmptyState component. Useful when you want image to be of exact width to stop it bouncing around when loading in.

Used to indicate a loading state. Will show a spinner next to the action buttons when true.

Maximum height (in pixels) of the image, default value is 160.

Maximum width (in pixels) of the image, default value is 160.

Primary action button for the page, usually it will be something like "Create" (or "Retry" for error pages).

An alternative API to supply an image using a render prop. Only rendered if no imageUrl is supplied.

Secondary action button for the page.

Button with link to some external resource like documentation or tutorial, it will be opened in a new tab.

A hook for automated testing.

Controls how much horizontal space the component fills. Defaults to "wide".