Form Label

Form component used to add text labels to form groups.

You can add a label to your input by grouping an <IFormLabel> and any input component inside an <IFormGroup>.

Required Example

You can add the required property to a parent form group to add a red asterisk * to the form label.


You can add labels to either side of your input, and position it using the optional inline form group and placement form label properties.

Size Variants

You're able to use the size property to control the size of your form labels, using one of the available sizes: sm, md, and lg. The default size is set to md. Setting the size on a <IFormGroup> will also affect form labels.




Design Tokens