Skeleton

Use the Skeleton to represent a loading state when the app loads for the first time or most of the page is loading.

OverviewPropertiesUsage

Import

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

Demo

In its most basic version, you can use the Skeleton as a self-closing tag, without providing any further props. It will use up whatever space is available in the parent container.

Set dimensions

To specify the dimensions of the Skeleton, you can provide the width and height prop.

Change variant

The Skeleton can be rendered in different variants using the variant prop.