skeleton

A grey placeholder shown while content loads: lines of text, a block or a circle.

Spec · edit me

No problems. The parser accepted every line.

Result · try itOpen in playground

Tweak the props

shape

lines

height

120

Props

shapetext · block · circletext (lines), block or circle.text

linesnumberHow many lines, for shape=text (default 3).3

heightnumberHeight of a block, or diameter of a circle (default 120 and 48).120

ifconditionShow only when this expression is true, e.g. if=done or if={count>0}. Every element takes it.—

tipstringA short explanation shown on hover, keyboard focus or a tap, e.g. tip="Orders not yet shipped": for a term or a number some people won't know, instead of more words on screen. It makes the element a Tab stop if it isn't one. Every element takes it.—