Skeleton
Skeleton<
T>(props):Element
Defined in: react.tsx:42
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.
Type Parameters
Section titled “Type Parameters”T = undefined
Parameters
Section titled “Parameters”Returns
Section titled “Returns”Element