EmptyState

Use the EmptyState to communicate that no data is available for a section or view and guide users toward resolving the situation with a clear title, description, and actions.

OverviewPropertiesUsageChangelog

Import

import { EmptyState } from '@dynatrace/strato-components/content';

Demo

Visual presets

Use the VisualPreset slot within the Visual slot in order to use predefined illustrations. Different combinations are possible based on the context and type props.

Size

Use the optional size prop, which has a default value, to provide a suitable variation for your use case. When you set size to large, the layout is responsive based on the width of its parent container.

Small

Default

Large