Divider - Plain Docs

A divider draws a horizontal line between components, with configurable spacing around it.

Example divider

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 after divider"
    }
  }
]