Skip to main content

SkeletonText

Use the SkeletonText to represent loading text content with animated placeholder lines.

OverviewPropertiesUsage

Import​

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

Demo​

You can use the SkeletonText without specifying any props. It will render a pre-set number of lines and use up the available width in the parent container.

Set width​

The width prop can be used to specify the width of the SkeletonText.

Set number of lines​

To render a given amount of lines, you can utilize the lines prop.

Still have questions?
Find answers in the Dynatrace Community