Text
The text component allows you to display text.
The following section details Text component's specific settings. For more details on the App editor, check the dedicated documentation or the App editor Quickstart:
App editor Documentation
The app editor is a low-code builder to create custom User Interfaces with a mix of drag-and-drop and code.
Apps quickstart
Learn how to build your first app in a matter of minutes.
Controls
This component can be controlled by frontend scripts using these functions:
| Name | Parameters | Description | Example |
|---|---|---|---|
| setValue | id: string, value: any | Manually set or force the value of a component. | setValue(id: 'a', value: 17) |
Text Input
| Type | Connectable | Templatable | Default | Description |
|---|---|---|---|---|
| string | true | true | Hello World! | The text to display. |
Text configuration
| Name | Type | Connectable | Templatable | Default | Description |
|---|---|---|---|---|---|
| style | 'title', 'subtitle', 'body', 'label','caption' | false | false | 'body' | The text style. |
| Copy button | boolean | false | false | false | Whether to display a copy button. |
| Tooltip | boolean | false | false | false | Whether to display a tooltip. |
Outputs
| Name | Type | Description |
|---|---|---|
| result | string | The text. |
| loading | boolean | The loading state of the text component. |
Inline editor
You can directly edit the text by click the Pen icon on the app editor. You can also double click on the text to edit it.