Heading
A default heading component.
This component is used to render page titles and subtitles.
Properties
| Property | Type | Default | Description |
|---|---|---|---|
text | string | Lorem ipsum dolor sit amet | The text of the heading. |
text_color | string | #000000 | The color of the text. |
type | string | h1 | The type of the heading. h1, h2, h3, h4, h5, h6. |
font_size | number | 24 | The font size of the text. |
font_size_unit | string | px | The unit of the font size. px, rem, em, %, vw, vh, vmin, vmax. |
font_weight | number | 600 | The font weight of the text. |
padding.left | number | 0 | The left padding of the container. |
padding.right | number | 0 | The right padding of the container. |
padding.top | number | 0 | The top padding of the container. |
padding.bottom | number | 0 | The bottom padding of the container. |
margin.left | number | 0 | The left margin of the container. |
margin.right | number | 0 | The right margin of the container. |
margin.top | number | 0 | The top margin of the container. |
margin.bottom | number | 0 | The bottom margin of the container. |