info
Displays text in an app in a paragraph form. The text can be displayed in a single line, or optionally with a label.
The simplest way to use an
info
component is to specify the text to display between the <info>
tags.main.view.xml
<info>This is the simplest way to use an info component.</info>

Optional
Type:
string
Default: unset
Specify the text to display inside the
info
component. This is an alternative to specifying the text directly inside the <info>...</info>
tags.<info>Info text</info>
<info value="Info text"/>
Optional
Type:
center
| left
| right
Default:
left
Specify if the text content of the
info
component.<info label="Condition: Faulty" align-text="right">
The condition of the part has been assessed and it was found to be faulty.
</info>

Optional
Type:
center
| left
| right
Default:
left
Version compatibility
label-case
was introduced in version 4.86.5 of the JourneyApps Runtime.Optional
Type:
string
- can be a named color or #HEX valueDefault: Primary font color
Specify the text color of the info's text.
The following component methods are available when an
id
is assigned to the component and component.info({id:'my-id'})
is called from JS/TS:Programmatically scroll until the
info
component is visible in the view.Last modified 6mo ago