Examples
Explore Our Products
Welcome to Markel
Discover flexible insurance solutions and risk management services tailored to your business needs.
Our Mission
Protecting What Matters Most
We partner with businesses to provide specialized insurance, reinsurance, and investment solutions worldwide.
Notes
Notes
- The Header Block wraps content in a
mkl-header-block-wrapperdiv with responsive column classes and an innermkl-header-blockcontainer. - If the datasource Link or Link2 targets are not readable by the current user, the component returns early with a hidden error comment (
error-code:br549hb) and renders nothing. - Subheading renders only when non-empty; it uses a
h5class and an optional color class (mkl-color-{value}-500). - Title renders using the semantic heading level from the parent grid via
RenderHeading, with a visual size override from theHeadingSizeparameter. - Copy renders as rich text inside a
mkl-text-bodydiv. - Links render inside
mkl-header-block-links. When theicon-linkstyle is selected, an arrow icon span is appended to each link.
Control Properties
Header Block
A page header component rendering a prominent title and optional subtitle. Designed for page-level headings that differ from section headings. Supports customizable heading levels and text alignment.
Control Properties
| Parameter | Type | Description |
|---|---|---|
| TextAlignment | Droplink | Sets text alignment for the header block. Options: text-start, text-center, text-end. |
| SubheadingColor | Droplink | Sets the color class for the subheading. Generates class mkl-color-{value}-500. |
| HeadingSize | Droplink | Controls the visual size of the heading element. Options: h1 through h6. Default: h3. |
| LinkStyle | Droplink | Sets the button/link style class. Options: btn btn-primary, btn btn-secondary, icon-link (arrow). |
| ButtonSize | Droplink | Sets the button size class. Options: btn-lg, btn-sm. Leave empty for default. |
| Column classes | Inherited | Small, Medium, Large, Offset column classes for responsive grid layout. |
Template Properties
Template Properties
| Field | Type | Description |
|---|---|---|
| Title | Single-Line Text | The main heading text displayed in the header block. |
| Subheading | Single-Line Text | An optional subheading displayed above the title in a smaller style. |
| Copy | Rich Text | Body text displayed below the heading. Supports HTML formatting. |
| Image | Image | An optional image field (inherited from base template). |
| Link | General Link | Primary CTA link/button displayed below the copy text. |
| Link2 | General Link | Secondary CTA link/button displayed alongside the primary link. |