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...