BlocksList Block

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. Demo

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;
    }

Demo

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

Demo

⌘I

Overview

AI SecureChat

AI Store

AI Knowledge

AI Builder

AI Governance

AI Collection (beta)

AI Insights (beta)

Minimal usage

Display blocks as a row

Advanced usage

​Minimal usage

​Display blocks as a row

​Advanced usage

Minimal usage

Display blocks as a row

Advanced usage