Row

Useful when you need to show two things next to each-other.

The row component has the following properties:

• rowMainContent (min 1): an array of row components
• rowAsideContent (min 1): an array of row components

The following components can be used in a row:

• Badge
• CopyButton
• Divider
• LinkButton
• Spacer
• Text
• PlainText

For example:

Typescript SDK

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

uiComponent.row({
  mainContent: [uiComponent.text({ text: 'Membership' })],
  asideContent: [uiComponent.badge({ label: 'Premium plan', color: 'BLUE' })],
});