Feedback

SkeletonText

Display placeholder lines while text content is loading.

SkeletonText displays placeholder lines while text loads.

Import

TSX

import { SkeletonText } from "@solarius/onset";

SkeletonTextProps props

Prop	Type	Default	Description
`lines`	`number`	`3`	Number of skeleton lines.
`lastWidth`	`CSSProperties['width']`	`"55%"`	Width of the final (shortest) line.
`animation`	`SkeletonAnimation`	—	Animation for every line.

SkeletonText