Text

A component that allows you to display text with or without label.

Usage

The Text component allows users to add structured text, with or without label.

We are currently updating how we implement components, and the list of properties may not be entirely accurate.

Property	Type	Description
`id`	string	Unique Id string for the component
`value`	string	The text you want to display.
`textResourceBindings.title`	string	Label of the text you want to display
`direction`	string	Sets the structured direction of label and value. Enum: `"horizontal" \| "vertical"`

{
  "id": "text",
  "type": "Text",
  "textResourceBindings": {
    "title": "Name"
  },
  "value": "My name",
  "direction": "horizontal",
},

Label for the date. This can be added as a hardcoded string or as a reference to a text resource.

The value of the text to be displayed. Can be added as a string or an expression.

Decides if the number should be shown under or next to the label. horizontal for showing it next to the label and vertical for under.

Text with label.

...
{
  "id": "text",
  "type": "Text",
  "textResourceBindings": {
    "title": "Name"
  },
  "value": "My name",
  "direction": "horizontal",
},