SkeletonText

Loading placeholder lines.

import { SkeletonText } from "@/rl-ui";

<SkeletonText lines={4} />

Examples

import { SkeletonText } from "@/rl-ui";

<SkeletonText lines={3} widths={["100%", "80%", "60%"]} />

import { SkeletonText } from "@/rl-ui";

<SkeletonText lines={2} active={false} />

Prop	Type	Default	Description
`lines`	`number`	3	Number of placeholder lines.
`widths`	`(string \| number)[]`	—	Per-line width overrides.
`active`	`boolean`	true	Animate the shimmer.

On This Page