Primitives
Sk.Heading

Sk.Heading

Single-line heading block. When generated, height is set to the element's actual bounding-box height — so multi-line headings (an h3 that wraps) are correctly represented as a single taller block.

Live preview

<Sk.Heading />
<Sk.Heading width="50%" />
<Sk.Heading height="42px" width="88%" />

Usage

<Sk.Heading />
<Sk.Heading width="50%" />
<Sk.Heading height="42px" width="88%" />  // auto-generated: exact bounding box height

Props

PropTypeDefaultDescription
widthstring'70%'Width of the block
heightstring'1.4em'Height of the block (overridden by analyzer with exact bounding box height)
classNamestringExtra CSS class