Skip to main content

Label component

How to use the label component in the Method App Builder.

A label object, unlike the text input componet, is designed to display text on the screen.


Label component properties

Selecting the label component shows its configurable properties.

Data source

Display

Show icon

Show an icon with the label.

Icon

Choose an icon to appear beside the label.

Icon position

Left or right of label.

Show tooltip

Show an icon beside the label (). When hovered over, it will display a message.

Tooltip message

Text to display for the tooltip.

Link format

Converts label into a clickable link based on what is selected in the dropdown:

  • None

  • Email

  • Web Address

  • Telephone

  • Google maps

Default state

The default state of the component (Regular/Hidden/Disabled).

Styles

Color

From the provided dropdown list, select a color.

Text alignment

Left | Center | Right | Justified

Vertical alignment

Top | Center | Bottom

Text size

Available sizes:

  • S - 12px

  • M - 14px

  • L - 16px

  • XL - 20px

  • XXL - 24px

  • 3XL - 26px

Font weight

Two options: Normal (AG) or Bold (AG).

Events

Click

Event triggered when user left-clicks the button.

Did this answer your question?