Info Section

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

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
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
collapsible

Set the info section to be collapsible by default. Set to false if the card content should be always visible.

boolean true
Install Install
npm install @bolt/components-info-section
Dependencies @bolt/core