<Stack>
  <div>
    <div>titleLarge</div>
    <SkeletonText size="titleLarge" />
  </div>


  <div>
    <div>titleMedium</div>
    <SkeletonText size="titleMedium" />
  </div>


  <div>
    <div>titleSmall</div>
    <SkeletonText size="titleSmall" />
  </div>


  <div>
    <div>bodyLarge</div>
    <SkeletonText size="bodyLarge" />
  </div>


  <div>
    <div>bodyMedium (default)</div>
    <SkeletonText size="bodyMedium" />
  </div>


  <div>
    <div>bodySmall</div>
    <SkeletonText size="bodySmall" />
  </div>


  <div>
    <div>subtitle</div>
    <SkeletonText size="subtitle" />
  </div>
</Stack>

<Stack>
  <div>
    <div>titleLarge</div>
    <SkeletonText size="titleLarge" />
  </div>

  <div>
    <div>titleMedium</div>
    <SkeletonText size="titleMedium" />
  </div>

  <div>
    <div>titleSmall</div>
    <SkeletonText size="titleSmall" />
  </div>

  <div>
    <div>bodyLarge</div>
    <SkeletonText size="bodyLarge" />
  </div>

  <div>
    <div>bodyMedium (default)</div>
    <SkeletonText size="bodyMedium" />
  </div>

  <div>
    <div>bodySmall</div>
    <SkeletonText size="bodySmall" />
  </div>

  <div>
    <div>subtitle</div>
    <SkeletonText size="subtitle" />
  </div>
</Stack>

With max width

<SkeletonText maxWidth="45ch" />

<SkeletonText maxWidth="45ch" />

Props

SkeletonText

Name	Default	Description
size	`'bodyMedium'`	`'display' \| 'titleLarge' \| 'titleMedium' \| 'titleSmall' \| 'bodyLarge' \| 'bodyMedium' \| 'bodySmall' \| 'subtitle'` Size of the text that the skeleton is replacing.
lines	`1`	`number` Number of lines of skeleton text to render.
maxWidth		`string` Maximum width that the line(s) of skeleton text can take up. Accepts any valid CSS `max-width` value.
className		`string` Class name for custom styling.