GraphQL
- Introduction
- Authentication
- Schema
- Customers
- Companies
- Tenants
- Threads
- Tiers
- Events
- Labels
- Messaging
- Pagination
- Error handling
- Error codes
- API Explorer
- Typescript SDK
Reference
- Customer cards
- Webhooks
- Request signing
- mTLS
- UI Components
- Attachments
UI Components
Spacer
A link button has the following properties:
spacerSize
: the amount of space the component should take up. One ofXS
,S
,M
,L
,XL
.
For example:
Copy
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' }),
];
Copy
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' }),
];
Copy
[
{
"componentText": {
"text": "Content before an XS spacer"
}
},
{
"componentSpacer": {
"spacerSize": "XS"
}
},
{
"componentText": {
"text": "Content after spacer"
}
}
]
Was this page helpful?
Assistant
Responses are generated using AI and may contain mistakes.