Spacer

A link button has the following properties:

• spacerSize: the amount of space the component should take up. One of XS, S, M, L, XL.

For example:

Typescript SDK

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

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

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

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

[
  {
    "componentText": {
      "text": "Content before an XS spacer"
    }
  },
  {
    "componentSpacer": {
      "spacerSize": "XS"
    }
  },
  {
    "componentText": {
      "text": "Content after spacer"
    }
  }
]

Assistant

Responses are generated using AI and may contain mistakes.