Skip to main content

​
Minimal usage

# Page/Block
- slug: BlocksList
  blocks:
    - slug: RichText
      content: Hello
    - slug: RichText
      content: World
This block allows to group many blocks in a same container that you can style in css to have them displayed in column or row. It’s just a div.

​
Display blocks as a row

# Page/Block
- slug: BlocksList
  blocks:
    - slug: RichText
      content: Hello
    - slug: RichText
      content: World
  css: |-
    :block {
      display: flex;
      flex-direction: row;
    }

​
Advanced usage

tag is the name of the html tag containing child blocks. Default is a div. It can take any valid html tag and fragment. This one generate a HTML Fragment, which don’t add any tag in DOM. Displays an unordered list: 
# Page/Block
- slug: BlocksList
  tag: ul
  blocks:
    - slug: RichText
      tag: li
      content: Hello
    - slug: RichText
      tag: li
      content: World
Displays only two parapgaphes: 
# Page/Block
- slug: BlocksList
  tag: fragment
  blocks:
    - slug: RichText
      content: Hello
    - slug: RichText
      content: World