label

The label component is used to display text or label information and is an inline element by default. label can be used with the following form components to display label information:

• input
• radio
• switch
• checkbox

When a label is associated with a supported form component, clicking the label component will also trigger an update of the form component's value.

Properties

get • set

The text content of the label, supporting attribute syntax or text child element syntax:

<label text="label text"></label>
<label>label text</label>

get • set

The ID of the target component. For example:

<radio id="red" /><label target="red">red</label>

Clicking the label component in the example will also trigger an update of the radio component with the ID red, but clicking the label component will not trigger touch events such as click on the target component.

Due to performance considerations, only target components at the same level as the label component (i.e., having the same parent component) are supported.

Warning

Changing the target component is currently not supported.