Hero
The opening section of your website providing a key piece of information and a strong presence. Commonly known as a "hero" section.
Loading...
Expected content and relative order
| Role | Element | Layout | Alignment | Description |
|---|---|---|---|---|
| background | image | centerwide | The background image. | |
| pretitle | H2 | A phrase that precedes the main headline. | ||
| title | H1 | leftrightcenter | The main headline. | |
| subtitle | H2 | A phrase that follows the main headline. | ||
| text | paragraph | The body text. | ||
| link | link | One or more links that attach to the hero section. |
Expected child content and relative order
Component properties
| Name | Type | Enum | Default | Description |
|---|---|---|---|---|
| min_height | string | 100vh80vh60vh40vh | 100vh | The height of the section. |
| show_back_drop | boolean | false | Whether or not the text will have a backdrop. | |
| show_gradient | boolean | false | Weather or not the background will have a gradient. | |
| gradient_from_pos | string | topbottom | bottom | The position of the gradient from. |
| horizontal_alignment | string | leftcenterright | center | The horizontal alignment of the text. |
| vertical_alignment | string | topcenterbottom | center | The vertical alignment of the text. |