Form Label

QtmFormLabel element need to describe the purpose of the form field. Whenever possible, use the label element to associate text with form elements explicitly.

Form Label

<QtmFormLabel><span>Form Label</span></QtmFormLabel>

for attribute

The for attribute specifies the ID of the element that the label is associated with.

Email

<QtmFormLabel for="text-input-id"><span>Email</span></QtmFormLabel>
<QtmTextInput inputId="text-input-id" placeholder="Enter email"></QtmTextInput>

Sizes

Control the size of a form label setting size attribute to small, medium or large value. By default, the label has size medium.

Form Label SmallForm Label MediumForm Label Large

<QtmFormLabel size="small"><span>Form Label Small</span></QtmFormLabel>
<QtmFormLabel size="medium"><span>Form Label Medium</span></QtmFormLabel>
<QtmFormLabel size="large"><span>Form Label Large</span></QtmFormLabel>

Required

Add required attribute in form label to put a red required asterisk to the first child of label to indicate that the field is required.

Form Label

<QtmFormLabel required><span>Form Label</span></QtmFormLabel>

Disabled

Add disabled attribute in form label to disable the element.

Form Label

<QtmFormLabel disabled><span>Form Label</span></QtmFormLabel>

API

Loading API documentation...