heading
Displays text in a large format to serve as a heading (e.g. for a section of one of your app's screens).
heading
was visually updated in version 4.73.0 of the JourneyApps Runtime.<heading>Create New Work Order</heading>
You can use a XML String Formatting to make the text inside the heading dynamic:
<heading>Work Order: {work_order.reference_number}</heading>
Optional
Type:
string
Default: unset
The text in the
heading
. This is an alternative to specifying the text directly inside the <heading>...</heading>
tags.<heading>Heading text</heading>

<heading value="Heading text"/>

Optional
Type:
center
| left
| right
Default:
left
Specify how the heading text should be aligned.
<heading value="Heading text" sub-heading="This is my subheading" align-text="center"/>

Optional
Type:
string
- can be a named color or #HEX valueDefault: Primary font color
Specify the text color of the particular heading component.
<heading color="primary" divider-color="negative">Heading text</heading>

Optional
Type:
string
Default: unset
Specify sub-heading text that will display in a smaller font below the heading.
Optional
Type:
string
Default: Primary font color
Specify the text color of the heading's sub-heading text.
The following component methods are available when an
id
is assigned to the component and component.heading({id:'my-id'})
is called from JS/TS:Programmatically scroll until the
heading
is visible in the view.Last modified 9mo ago