Spacer

Gives space between content

There is a spacer below this text

There is a spacer above this text

- _bookshop_name: primitives/rich-text
  text: There is a **spacer** below this text
- _bookshop_name: primitives/spacer
  height: 2xl
- _bookshop_name: primitives/rich-text
  text: There is a **spacer** above this text

Properties

height enum

The amount of space to add

Accepted values:
  • xs
  • sm
  • md
  • lg
  • xl
  • 2xl
  • 3xl

Examples

Height

xs spacer below

sm spacer below

md spacer below

lg spacer below

xl spacer below

2xl spacer below

3xl spacer below

- _bookshop_name: primitives/rich-text
  text: xs spacer below
- _bookshop_name: primitives/spacer
  height: xs
- _bookshop_name: primitives/rich-text
  text: sm spacer below
- _bookshop_name: primitives/spacer
  height: sm
- _bookshop_name: primitives/rich-text
  text: md spacer below
- _bookshop_name: primitives/spacer
  height: md
- _bookshop_name: primitives/rich-text
  text: lg spacer below
- _bookshop_name: primitives/spacer
  height: lg
- _bookshop_name: primitives/rich-text
  text: xl spacer below
- _bookshop_name: primitives/spacer
  height: xl
- _bookshop_name: primitives/rich-text
  text: 2xl spacer below
- _bookshop_name: primitives/spacer
  height: 2xl
- _bookshop_name: primitives/rich-text
  text: 3xl spacer below
- _bookshop_name: primitives/spacer
  height: 3xl