Skip to main content

    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
    Still have questions?
    Find answers in the Dynatrace Community