// Set up sidebar templates
{% set sidebar %}
{% include '@bolt-layouts-holy-grail/holy-grail-sidebar.twig' with {
content: 'Primary sidebar',
} only %}
{% endset %}
{% set secondary_sidebar %}
{% include '@bolt-layouts-holy-grail/holy-grail-secondary-sidebar.twig' with {
content: 'Secondary sidebar',
} only %}
{% endset %}
// Pass sidebars to main template
{% include '@bolt-layouts-holy-grail/holy-grail.twig' with {
content: 'This is a holy grail layout.',
sidebar: sidebar,
secondary_sidebar: secondary_sidebar,
} only %}
| Prop Name | Description | Type | Default Value | Option(s) |
|---|---|---|---|---|
|
attributes
|
A Drupal attributes object. Applies extra HTML attributes to the parent element. |
object
| — |
|
|
content
*
|
The main content area of the layout. |
any
| — |
|
|
sidebar
|
The primary sidebar of the layout. Sidebar twig template is expected to be passed here. |
object
| — |
|
|
secondary_sidebar
|
The secondary sidebar of the layout. Secondary sidebar twig template is expected to be passed here. |
object
| — |
|
| Prop Name | Description | Type | Default Value | Option(s) |
|---|---|---|---|---|
|
attributes
|
A Drupal attributes object. Applies extra HTML attributes to the parent element. |
object
| — |
|
|
content
|
Render content of the primary sidebar. |
any
| — |
|
|
trigger_icon
|
Set the icon of the trigger button that is shown in smaller viewports. |
string
| — |
|
|
trigger_label
|
Set the text of the trigger button that is shown in smaller viewports. |
string
| — |
|
| Prop Name | Description | Type | Default Value | Option(s) |
|---|---|---|---|---|
|
attributes
|
A Drupal attributes object. Applies extra HTML attributes to the parent element. |
object
| — |
|
|
content
|
Render content of the secondary sidebar. |
any
| — |
|
npm install @bolt/layouts-holy-grail