Skeleton

Feedback

Placeholder shape shown while content loads.

Skeleton(height: …, width: …, size: …)

Example

Skeleton(height: "20px", width: "200px") Skeleton(size: "48px").circle

Renders with the class wf-skeleton, stable across releases, so a stylesheet may target it.

Props of Skeleton
Prop Type Meaning
height: String

CSS height

width: String

CSS width

size: String

Diameter of a circle

circle: Bool

A round placeholder

Attribute families: global, aria, data. Plus the universal props on every element: animate:, exit:, speed:, class:, ref:.