UI Components
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 componentsrowAsideContent
(min 1): an array of row components
The following components can be used in a row:
For example:
import { uiComponent } from '@team-plain/typescript-sdk';
uiComponent.row({
mainContent: [uiComponent.text({ text: 'Membership' })],
asideContent: [uiComponent.badge({ label: 'Premium plan', color: 'BLUE' })],
});