The plain text component has the following properties:

  • plainText: the plain text
  • plainTextSize (optional): one of S, M, L, defaults to M
  • plainTextColor (optional): one of NORMAL, MUTED, SUCCESS, WARNING, ERROR, defaults to NORMAL

For example:

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

[
  uiComponent.plainText({ text: 'Small text', size: 'S' }),

  uiComponent.plainText({ text: 'Medium text', size: 'M' }),

  uiComponent.plainText({ text: 'Large text', size: 'L' }),

  uiComponent.plainText({ text: 'Normal text', color: 'NORMAL' }),

  uiComponent.plainText({ text: 'Muted text', color: 'MUTED' }),

  uiComponent.plainText({ text: 'Success text', color: 'SUCCESS' }),

  uiComponent.plainText({ text: 'Warning text', color: 'WARNING' }),

  uiComponent.plainText({ text: 'Error text', color: 'ERROR' }),
];

Was this page helpful?

LinkButtonRow