Docs

FAQ

Shows an accordion of frequently asked questions. Clicking on a question reveals the answer interactively.
Overview Arguments Background Type Heading Type Items Type

Overview  

The FAQ content block renders an accordion of frequently asked questions. Clicking on a question reveals the answer interactively.

Preheading

Heading
Section content. It supports multiple lines.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur efficitur nulla at tortor mattis pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sagittis sit amet nulla sit amet efficitur.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a quam lobortis, sodales dolor eu, posuere elit.
yml 
- _bookshop_name: faq
  heading:
    preheading: Preheading
    title: Heading
    content: >-
      Section content. It supports multiple lines.
  background:
    color: body-tertiary
    subtle: false
  items:
    - title: First item
      description: |-
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
        efficitur nulla at tortor mattis pharetra.
    - title: Second item
      description: >-
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sagittis
        sit amet nulla sit amet efficitur.
    - title: Third item
      description: >-
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a quam
        lobortis, sodales dolor eu, posuere elit.

Arguments  

The content block supports the following arguments:

Name Type Required Default Comment
_bookshop_name string Alias for _bookshop_name.
Alias for _bookshop_name.
_ordinal int Zero-based position of the bookshop component within the page’s component hierarchy.
Zero-based position of the bookshop component within the page’s component hierarchy.
background background, string Background style of the section.
Background style of the section.
bg_class string Background class attributes of the element. It supports Bootstrap attributes to modify the background styling of the element.
Background class attributes of the element. It supports Bootstrap attributes to modify the background styling of the element.
contrast bool Flag indicating if the element text should be rendered with high contrast.
Flag indicating if the element text should be rendered with high contrast.
cover bool Flag indicating if the element should be rendered fullscreen.
Flag indicating if the element should be rendered fullscreen.
fluid bool true Flag to set the section container to fluid design, else the section is limited to xxl.
Flag to set the section container to fluid design, else the section is limited to xxl.
heading Heading Heading of the content block, including a preheading and content element.
Heading of the content block, including a preheading and content element.
id string Unique identifier of the current element.
Unique identifier of the current element.
items [] Items yes Items to include in the FAQ.
Items to include in the FAQ.
justify select start Justification of the child elements. Supported values: [start, end, center, between, around, evenly].
Justification of the child elements. Supported values: [start, end, center, between, around, evenly].
overlay_mode select Overlay mode of the element, overrides the site’s general configuration. Supported values: [light, dark, none].
Overlay mode of the element, overrides the site’s general configuration. Supported values: [light, dark, none].
section_class string Section class attributes of the element. It supports Bootstrap attributes to modify the section styling of the element.
Section class attributes of the element. It supports Bootstrap attributes to modify the section styling of the element.
theme select Color theme to apply to the element. Supported values: [light, dark].
Color theme to apply to the element. Supported values: [light, dark].
width int 8 Column width of the element. For embedded elements, the width is relative to the parent’s container.
Column width of the element. For embedded elements, the width is relative to the parent’s container.
wrapper string Class attribute of the element’s wrapper. It supports Bootstrap attributes to modify the styling of the element. Icons include the fa-wrapper and fa-fluid attributes by default.
Class attribute of the element’s wrapper. It supports Bootstrap attributes to modify the styling of the element. Icons include the fa-wrapper and fa-fluid attributes by default.

Background Type  

Name Type Required Default Comment
backdrop string Background image with a mask to improve contrast.
Background image with a mask to improve contrast.
class string Class attributes of the element. It supports Bootstrap attributes to modify the styling of the element.
Class attributes of the element. It supports Bootstrap attributes to modify the styling of the element.
color select Theme color of the element. Supported values: [primary, secondary, success, danger, warning, info, light, dark, white, black, body, body-tertiary].
Theme color of the element. Supported values: [primary, secondary, success, danger, warning, info, light, dark, white, black, body, body-tertiary].
subtle bool Apply subtle theme colors.
Apply subtle theme colors.

Heading Type  

Name Type Required Default Comment
align select start Alignment of the headline, content, or icon. Supported values: [start, center, end].
Alignment of the headline, content, or icon. Supported values: [start, center, end].
arrangement select above Arrangement of the preheading, either left or above the header. On smaller screens, the preheading is always placed on top. Supported values: [above, first].
Arrangement of the preheading, either left or above the header. On smaller screens, the preheading is always placed on top. Supported values: [above, first].
content string, template.HTML Section content displayed below the title.
Section content displayed below the title.
preheading string Preheading of the section heading.
Preheading of the section heading.
size int 4 Display size of the headline.
Display size of the headline.
title string, hstring.RenderedString, hstring.HTML, template.HTML Title of the element. If the element references a (local) page, the title overrides the referenced page’s title.
Title of the element. If the element references a (local) page, the title overrides the referenced page’s title.
width int Column width of the element. For embedded elements, the width is relative to the parent’s container.
Column width of the element. For embedded elements, the width is relative to the parent’s container.

Items Type  

Name Type Required Default Comment
description string, template.HTML Description of the element.
Description of the element.
href string, template.URL, url Address for the button or hyperlink. When set for a card group, a button is added if the list exceeds the maximum number of cards to display.
Address for the button or hyperlink. When set for a card group, a button is added if the list exceeds the maximum number of cards to display.
level int 2 Nesting level of the item.
Nesting level of the item.
title string, hstring.RenderedString, hstring.HTML, template.HTML Title of the element. If the element references a (local) page, the title overrides the referenced page’s title.
Title of the element. If the element references a (local) page, the title overrides the referenced page’s title.
• feat: apply theme to blocks documentation (c8e754f)
On this page
Follow Me

I work on everything coding and tweet developer memes