Skeleton

A placeholder block with a travelling highlight. It takes its shape from the classes you give it and knows nothing about the content it stands in for.

tsx

1import { Skeleton } from "@pestoui/core"

Shapes

Size and radius come from className. Match the box of the thing being loaded, so nothing moves when it arrives.

Props

Prop	Type	Default	Description
className	string	—	Width, height and radius of the placeholder. The default radius is rounded-lg.
…props	React.ComponentProps<"div">	—	Everything else lands on the div. Add aria-hidden when the placeholder sits outside a Reveal.

PreviousSidebar Preview Next Slider

Pesto UI · 117 documented components