Skeleton Body Text

Use the SkeletonBodyText component to simiulate bodies of text with multiple lines whenever loading asynchronous data.

<SkeletonContainer>
  <SkeletonBodyText numberOfLines={4} />
</SkeletonContainer>
<SkeletonContainer>
  <SkeletonBodyText numberOfLines={4} />
</SkeletonContainer>
Hide source

Best practices

• Each SkeletonBodyText needs to be wrapped by a SkeletonContainer component
• Use the numberOfLines prop to determine how many lines you want to render. We advise using a value that matches the number of lines the text will have after loading.