Divider

Useful when you need a bit of structure.

Example divider (LOL)

A divider has the following properties:

  • dividerSpacingSize (optional): the spacing the divider should have before and after the component. One of XS, S, M, L, XL. Defaults to S.

For example:

[
  {
    "componentText": {
      "text": "Content before an XS divider"
    }
  },
  {
    "componentDivider": {
      "dividerSpacingSize": "XS"
    }
  },
  {
    "componentText": {
      "text": "Content before an S divider"
    }
  }
]