EmptyState

core package3.2.2

Note: All components shown on this site are supported by the Constellation design system. To learn how to configure Theme Cosmos, visit Pega Community.

The EmptyState component informs users that a set of data is empty or that something has yet to happen.

Usage

The EmptyState component displays the galaxy Icon in the center or whichever container it is rendered within. It may optionally include a message that will render below the Icon. This message is set to No items by default.

Example

No items

Related components

Properties

NameDescriptionDefaultType
classNameAdditional CSS classes.string
messageMessage to display below the icon.'No items'string
refRef<HTMLDivElement>