Text
Inner content may include inline HTML for formatting: <strong>, <em>, <u>, <a href>, and <span style> (color / background-color). These round-trip through the visual editor.
Inner content may include inline HTML for formatting: <strong>, <em>, <u>, <a href>, and <span style> (color / background-color). These round-trip through the visual editor.
| Prop | Type | Default | Description |
|---|---|---|---|
align | enumleft | center | right | left | Text alignment. |
color | color | — | Text color. |
fontSize | number | 16 | Font size (px). |
fontFamily | string | — | Override the document font for this block. |
fontWeight | string | — | Font weight (e.g. 400, 500, 600, 700). |
lineHeight | string | — | Line height — a unitless multiplier (e.g. 1.5) or CSS length. |
letterSpacing | number | — | Letter spacing (tracking) in px. |
Common props
Every component accepts these on top of its own props.
| Prop | Type | Default | Description |
|---|---|---|---|
marginBottom | 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. |
customCss | 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. |
Set one side at a time with the padding and margin objects in the visual editor's inspector.