Skip to content

Skeleton

Skeleton(__namedParameters): Element

Defined in: react.tsx:34

Render a committed Plate while content is loading.

Use loading when your data source exposes an explicit pending state. Use suspense when the child suspends; in that mode <Skeleton> is the Suspense boundary and the Plate is the fallback. You can also render a bare Skeleton with no children when another framework or router owns the loading boundary.

In dev, the plugin aliases this component to the dev adapter. When children are ready, that adapter marks the capture boundary, waits for the subtree to settle, and sends the rendered DOM to the xray client. Nested <Skeleton> boundaries become Stitches so a parent Plate records a child Plate reference instead of serializing the child subtree again.

In production this component ships no capture client, HUD, Light Box, store, or subscriptions. Stitches resolve from the statically imported refs graph.

SkeletonProps

Element