Skeleton
Shimmering placeholders that keep the layout steady while content loads.
import { Skeleton, SkeletonText } from "pleate/skeleton";Card placeholder
Loading trip…
Props
- shape
Form.
"rect" | "circle" | "text"default "rect"- width / height
Size (text follows the font size).
CSS length- SkeletonText lines
Lines in the paragraph placeholder.
numberdefault 3- SkeletonText lastLineWidth
Width of the last, shorter line.
stringdefault "60%"
Accessibility
- Skeletons are aria-hidden; put aria-busy and a visually hidden label on the loading region.