Skip to main content
zerotal

Documentation


Documentation / @zerotal/flow / index / Skeleton

Function: Skeleton()

Skeleton(props): HtmlNode

Defined in: flow/src/components.ts:781

A pulsing placeholder block for content that hasn't loaded yet — pure markup plus the bundled .flow-skeleton animation (no app CSS needed). Use it inside a lazy child's placeholder() or a Loading region.

Parameters

props

SkeletonProps

Returns

HtmlNode

Remarks

A single bar by default; pass lines for a stacked multi-line block (the last bar is shortened for realism). width, height and rounded tune the shape.

Example

<Skeleton height="1.5rem" width="60%" />
<Skeleton lines={3} />
<Skeleton height="10rem" rounded="0.75rem" />