Main
 Installation Versioning Theming Typography Design tokens Schematics Migration guides
Components
 Accordion Actions panel AG grid Alert App Switcher Autocomplete Badge Breadcrumbs Button Button Group New Button toggle Checkbox Clamped list Clamped text Code block Content panel Core Datepicker Description list Divider Dropdown Dynamic translation Empty state File upload Filter Bar Form field Icon Icon Button Icon Item Inline edit Input Layout flex Link List Markdown Modal Navbar Notification Center Overflow items Overlay Popover Progress bar Progress spinner Radio Resizer Scrollbar Search expandable Select Sidebar Sidepanel Skeleton Split button Splitter Table Tabs Tag Tag autocomplete Tag input Tag list Textarea Time range Timepicker Timezone Title Toast Toggle Tooltip Topbar Tree Tree select Username
Other
 Date formatter Filesize formatter Forms Number formatter Validation
Icons
CDK
 Key managers Keycodes
Interface and examples language
English
Version
19.6.0
Empty state

A placeholder component for empty states or error messages. The border is not part of the component; it is shown only for illustration purposes.

Size

For full-screen placeholders, a block with larger-sized elements can be used.

Size - variations

The component size is set using the size attribute.

Align

Content can be aligned to the center or to the top.

Error

The Empty State component can be used to display an error message. In this state, the text turns red.

Content
Illustration

The illustration size can be changed. A large illustration is suitable for full-screen placeholders. If a placeholder is needed for just a specific block, the illustration can be made compact or omitted entirely.

In a center-aligned component with an illustration, an additional bottom offset is added, which raises the composition to provide optical compensation.

Icon

An icon can be used as the illustration.

Title
Actions

One or more actions can be placed below the text: buttons, links, and pseudo-links.

Text only
Docs Feedback
If you have any questions or would like to contribute to writing the documentation, please create an issue in our GitHub repository.