info
Overview
Displays text in an app in a paragraph form. The text can be displayed in a single line, or optionally with a label.
Basic Example
The simplest way to use an info
component is to specify the text to display between the <info>
tags.
Standard Attributes
label
pagelabellabel
value
value
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.
Example: Without value
value
Example: With value
value
Advanced Attributes
align-text
align-text
Optional
Type: center
| left
| right
Default: left
Specify if the text content of the info
component.
Example: info
right-aligned text
info
right-aligned textalign-label
align-label
Optional
Type: center
| left
| right
Default: left
Specify how the label
should be aligned.
bind
pagebindbind
id
pageidid
label-case
label-case
Version compatibility
label-case
was introduced in version 4.86.5 of the JourneyApps Runtime.
label-color
pagelabel-colorlabel-color
show-if
and hide-if
pageshow-ifpagehide-ifshow-if
and hide-if
text-color
text-color
Optional
Type: string
- can be a named color or #HEX value
Default: Primary font color
Specify the text color of the info's text.
Component Methods
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:
scrollIntoView
scrollIntoView
Programmatically scroll until the info
component is visible in the view.
Last updated