<Heading>
A title (H1–H4). Inner text supports {{variables}}.
<Heading>
A title (H1–H4). Inner text supports {{variables}}.
| Prop | Type | Default | Description |
|---|---|---|---|
level | enum1 | 2 | 3 | 4 | 2 | Heading level — controls size/weight. |
align | enumleft | center | right | left | Text alignment. |
color | color | — | Text color. |
font-size | number | — | Font size (px). Overrides the level's default size (28/22/18/16 for H1–H4). |
font-family | string | — | Override the document font for this heading. |
font-weight | string | — | Font weight (e.g. 400, 600, 700). Overrides the default bold heading weight. |
line-height | string | — | Line height — a unitless multiplier (e.g. 1.3) or CSS length. |
letter-spacing | number | — | Letter spacing (tracking) in px. Great for eyebrow labels. |
Common props
Every block accepts these in addition to its own props.
| Prop | Type | Default | Description |
|---|---|---|---|
margin-bottom | number | 16 | Vertical space (px) below the block. |
className | string | — | Tailwind-style utility classes compiled to inline CSS at render (e.g. "mt-4 text-zinc-500 sm:hidden"). Responsive/pseudo variants are hoisted into a <style> block. `class` and `tw` are accepted as aliases in code. |
custom-css | css | — | Extra inline CSS declarations merged onto the block's root element (e.g. "letter-spacing: 1px; opacity: 0.9"). Inlined so it survives every client. |
Per-side spacing is also supported via padding and margin objects in the visual editor's inspector.