SkeletonText

The SkeletonText component renders a specified number of placeholder boxes for lines of text with an animated background.

OverviewPropertiesUsage

Import

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

Use cases

Basic

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.

CodeSandbox

Setting the width

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

CodeSandbox

Setting the number of lines

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

CodeSandbox