Divider

Useful when you need a bit of structure.

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

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' }),
];