Skeleton

@sushindustries/ui

The wait, drawn as the thing being waited for: a line, a block or a circle, shimmering unless motion is reduced.

5 min read
View as MarkdownEdit on GitHub

Props

PropTypeDefaultDoes
shape?"line" | "block" | "circle""line"Shape of the thing being waited for.
width?string-CSS size overrides; the shapes carry sensible defaults.
height?string-Any CSS length. Overrides the shape - a taller line is one thick bar, not two.

Notes

width and height are plain inline styles, applied after the shape's own CSS - they win regardless of shape, including on circle, where passing only one of the two stretches it into an ellipse rather than keeping it round. There is no prop for the shimmer's speed or the corner radius; both come from the shape alone.