Skip to main content
🏠FormForm Label

Form Label

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

<FormLabel><span>Form Label</span></FormLabel>

For attribute

The for attribute refers to the id of the element this label is associated with

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

Sizes

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

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

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.

<FormLabel required><span>Form Label</span></FormLabel>

Disabled

Add disabled attribute in form label to disable the element.

<FormLabel disabled><span>Form Label</span></FormLabel>

API

Loading API documentation...