Skeleton Display Text

Use the SkeletonDisplayText component to simiulate headings, subheadings or titles whenever loading asynchronous data.

<SkeletonContainer>
  <SkeletonDisplayText />
</SkeletonContainer>
<SkeletonContainer>
  <SkeletonDisplayText />
</SkeletonContainer>
Hide source

Best practices

• Each SkeletonDisplayText needs to be wrapped by a SkeletonContainer component
• Only use it to mimic headings and titles, for normal text we recommend using SkeletonBodyText.