Divider

A horizontal line to separate content

There is a divider below this text

There is a divider above this text

- _bookshop_name: primitives/rich-text
  text: There is a **divider** below this text
- _bookshop_name: primitives/divider
  padding: md
- _bookshop_name: primitives/rich-text
  text: There is a **divider** above this text

Properties

padding enum

The space on the top and bottom of the horizontal line.

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

Examples

Padding

none divider below

xs divider below

sm divider below

md divider below

lg divider below

xl divider below

2xl divider below

3xl divider below

- _bookshop_name: primitives/rich-text
  text: none divider below
- _bookshop_name: primitives/divider
  padding: none
- _bookshop_name: primitives/rich-text
  text: xs divider below
- _bookshop_name: primitives/divider
  padding: xs
- _bookshop_name: primitives/rich-text
  text: sm divider below
- _bookshop_name: primitives/divider
  padding: sm
- _bookshop_name: primitives/rich-text
  text: md divider below
- _bookshop_name: primitives/divider
  padding: md
- _bookshop_name: primitives/rich-text
  text: lg divider below
- _bookshop_name: primitives/divider
  padding: lg
- _bookshop_name: primitives/rich-text
  text: xl divider below
- _bookshop_name: primitives/divider
  padding: xl
- _bookshop_name: primitives/rich-text
  text: 2xl divider below
- _bookshop_name: primitives/divider
  padding: 2xl
- _bookshop_name: primitives/rich-text
  text: 3xl divider below
- _bookshop_name: primitives/divider
  padding: 3xl