Site

The classic pancake stack site layout that enables the footer to be always positioned on the bottom.

Published Last updated: 4.3.0 Change log Github NPM
Twig Usage {% include '@bolt-layouts-site/site.twig' with { header: 'This is the header.', main: { content: 'This is the main content.', attributes: { 'data-foo': 'bar', } }, footer: 'This is the footer.', } only %} Schema Note: when assigning component props as HTML attributes on a web component, make sure to use kebab-case.
Prop Name Description Type Default Value Option(s)
attributes

A Drupal attributes object. Applies extra HTML attributes to the parent element.

 object —
  • —
header

The header of the site.

 any —
  • —
main

The main area of the site. This creates the <main> element.

 object —
    • attributes

      A Drupal attributes object. Applies extra HTML attributes to the <main> element.

      • —
    • content

      The main content of the site.

      • —
footer

The footer of the site.

 any —
  • —
Install Install npm install @bolt/layouts-site Dependencies @bolt/core-v3.x