Divider - Plain Docs

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:

Typescript SDK
GraphQL

import { uiComponent } from '@team-plain/typescript-sdk';

[
  uiComponent.text({ text: 'Content before an XS divider' }),
  uiComponent.divider({ spacingSize: 'XS' }),
  uiComponent.text({ text: 'Content after divider' }),
];

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