Skip to main content

Skeleton

    The Skeleton component renders a colored block with an animated background, indicating that something 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.

    CodeSandbox

    Set dimensions​

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

    CodeSandbox

    Change variant​

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

    CodeSandbox
    Still have questions?
    Find answers in the Dynatrace Community