Info Section

A container for displaying information of a particular section on a profile or page.

Published Last updated: 5.1.0 Change log Github NPM
Twig Usage 
{% include '@bolt-components-info-section/info-section.twig' with {
  label: {
    content: 'This is an info section',
    tag: 'h2',
  },
  content: 'This is the section content.',
} 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 container.

 object —
  • —
label

Label of the info section.

 object —
    • content

      Set the label text.

      • —
    • tag

      Set the semantic heading level.

      • h1, h2, h3, h4, h5, h6
content

Content of the info section.

 any —
  • —
details_link

Render a link or button that leads to more details.

 object —
    • attributes

      A Drupal attributes object. Applies extra HTML attributes to the details link element.

      • —
    • content

      Set the details link text.

      • —
open

Set the info section to open by default. This only applies when the viewport is below the medium breakpoint.

 boolean false
  • —
Install Install 
npm install @bolt/components-info-section
Dependencies @bolt/core-v3.x