Hides icon for assistive technologies. Required

Initiates an empty state component. The empty state centers its content (.pf-v5-c-empty-state__content) vertically and horizontally. Required

Creates the content container. Required

Creates the header container. Required

Creates the empty state title container. Required

<h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <div>

Creates the empty state title text container.

Creates the empty state icon container.

Creates the empty state body content. There can be more than one .pf-v5-c-empty-state__body elements.

Creates the footer container. Required

Container for actions. Required

Modifies the empty state for an extra small variation and max-width.

Modifies the empty state for a small max-width.

Modifies the empty state for a large max-width.

Modifies the empty state for an extra large variation and max-width.

Modifies the empty state to be height: 100%. If you need the empty state content to be centered vertically, you can use this modifier to make the empty state fill the height of its container, and center .pf-v5-c-empty-state__content. Note: this modifier requires the parent of .pf-v5-c-empty-state have an implicit or explicit height defined.