Installation
pnpm dlx shadcn@latest add https://loading.design/r/text-skeleton.jsonUsage
import { TextSkeleton } from "@/components/loading/text-skeleton"
<TextSkeleton lines={4} lastLineWidth="68%" animated={true} />API
| Prop | Type | Default | Description |
|---|---|---|---|
| lines | number | 3 | Number of placeholder text lines. |
| lastLineWidth | `${number}%` | 68% | Width of the final line, matching a natural paragraph rag. |
| animated | boolean | true | Whether to apply a subtle opacity pulse. |
Accessibility
The skeleton is hidden from assistive technology. Apply aria-busy to the region it represents and retain a stable accessible name for that region.