Package org.patternfly.component.emptystate

package org.patternfly.component.emptystate
Provides the PatternFly empty state component and its subcomponents for displaying placeholder content when no data is available.

An empty state is used to communicate that a page, section, or area of the UI has no data to show. It typically includes a title, an icon, a description, and action buttons. Empty states support different sizes, status severities, and a loading spinner variant.

Usage

A basic empty state with icon, body text, and actions: 

 import static org.patternfly.component.button.Button.button;
 import static org.patternfly.component.emptystate.EmptyState.emptyState;
 import static org.patternfly.component.emptystate.EmptyStateActions.emptyStateActions;
 import static org.patternfly.component.emptystate.EmptyStateBody.emptyStateBody;
 import static org.patternfly.component.emptystate.EmptyStateFooter.emptyStateFooter;
 import static org.patternfly.icon.IconSets.fas.cubes;

 emptyState()
         .text("Empty State")
         .icon(cubes())
         .addBody(emptyStateBody().text(
                 "This represents the empty state pattern in PatternFly."))
         .addFooter(emptyStateFooter()
                 .addActions(emptyStateActions()
                         .add(button("Primary action").primary()))
                 .addActions(emptyStateActions()
                         .add(button("Multiple").link())
                         .add(button("Action Buttons").link())));

An empty state with a loading spinner: 

 import static org.patternfly.component.emptystate.EmptyState.emptyState;

 emptyState()
         .text("Loading...")
         .spinner("Loading...");
See Also: