Rich text

A catch all for all content types. Can contain headings, paragraphs, images, bullets.
---
block:
  _bookshop_name: elements/rich-text
  markdown: |-
    ## This is all one markdown block 

     Including this paragraph with **bold** and *italic* text.
  options:
    align: null
    decoration: null
    margin:
      top: null
      bottom: null
    size: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}

Properties

markdownstring

The content for Rich Text

optionsobject

Configuration options for the Rich Text

decorationenum

Text decoration style.

none
glow

alignenum

The text alignment.

start
center
end

sizeenum

The font size of the text. Note, only applied to paragraphs and lists.

xs
s
m
l
xl
2xl
3xl
4xl
5xl
6xl

marginobject

The margin around the text.

topenum

The top margin size.

none
xs
s
m
l
xl
2xl

bottomenum

The bottom margin size.

none
xs
s
m
l
xl
2xl

Examples

Margin

---
blocks:
  - _bookshop_name: elements/rich-text
    markdown: 2XL bottom margin
    options:
      align: null
      decoration: null
      margin:
        top: null
        bottom: 2xl
      size: null
  - _bookshop_name: elements/rich-text
    markdown: No Margin
    options:
      align: null
      decoration: null
      margin:
        top: none
        bottom: none
      size: null
  - _bookshop_name: elements/rich-text
    markdown: M Bottom Margin
    options:
      align: null
      decoration: null
      margin:
        top: none
        bottom: m
      size: null
  - _bookshop_name: elements/rich-text
    markdown: Normal content
    glow: null
    options:
      align: null
      decoration: null
      margin:
        top: null
        bottom: null
      size: null
---
{% for block in blocks %}
  {% bookshop "{{block._bookshop_name}}" bind: block %}
{% endfor %}

Alignment

---
blocks:
  - _bookshop_name: elements/rich-text
    markdown: Start
    options:
      align: start
      decoration: null
      margin:
        top: null
        bottom: null
      size: null
  - _bookshop_name: elements/rich-text
    markdown: Center
    options:
      align: center
      decoration: null
      margin:
        top: null
        bottom: null
      size: null
  - _bookshop_name: elements/rich-text
    markdown: End
    options:
      align: end
      decoration: null
      margin:
        top: null
        bottom: null
      size: null
---
{% for block in blocks %}
  {% bookshop "{{block._bookshop_name}}" bind: block %}
{% endfor %}

Glow

---
blocks:
  - _bookshop_name: layouts/section
    label: null
    link: null
    content_blocks:
      - _bookshop_name: elements/rich-text
        markdown: |-
          # Glow on Heading 

           Glow on paragraph.
        options:
          align: null
          decoration: glow
          margin:
            top: null
            bottom: null
          size: null
    options:
      max_content_width: null
      margin:
        top: null
        bottom: null
      shape:
        type: null
        size: null
        reverse: null
      padding:
        vertical: m
        horizontal: m
      background:
        scheme: null
        shadow: null
        color: highlight
        transforms:
          scale: null
          translate_x: null
          translate_y: null
          blur: null
          opacity: null
        image:
          src: null
          alt: null
          options:
            opacity: 1
            rounded: null
            horizontal_position: end
            vertical_position: center
            above_background: null
            repeat: false
            fixed: null
            fit: cover
      border:
        width: null
        color: null
        type: null
      gap: null
      reverse: null
      alignment:
        horizontal: center
        vertical: top
  - _bookshop_name: layouts/section
    label: null
    link: null
    content_blocks:
      - _bookshop_name: elements/rich-text
        markdown: |-
          # Glow on opposite.

           Glow on paragraph.
        options:
          align: null
          decoration: glow
          margin:
            top: null
            bottom: null
          size: null
    options:
      max_content_width: null
      margin:
        top: null
        bottom: null
      shape:
        type: null
        size: null
        reverse: null
      padding:
        vertical: m
        horizontal: m
      background:
        scheme: opposite
        shadow: null
        color: highlight
        transforms:
          scale: null
          translate_x: null
          translate_y: null
          blur: null
          opacity: null
        image:
          src: null
          alt: null
          options:
            opacity: 1
            rounded: null
            horizontal_position: end
            vertical_position: center
            above_background: null
            repeat: false
            fixed: null
            fit: cover
      border:
        width: null
        color: null
        type: null
      gap: null
      reverse: null
      alignment:
        horizontal: center
        vertical: top
---
{% for block in blocks %}
  {% bookshop "{{block._bookshop_name}}" bind: block %}
{% endfor %}