Bolt Design System

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

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

npm install @bolt/layouts-site

Dependencies

@bolt/core-v3.x

Site

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