Form Label

Form component used to add text labels to inputs.

Example

You can add a label to your input by grouping an <i-form-label> and any input component inside an <i-form-group>.

Basic Form Label

Position

You can add labels to either side of your input using the label slot, together with the optional label-position property.

Form Label Position

Size

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 <i-form-group> will also affect form labels.

Form Label Size

API

Form Label API <i-form-label>
Property Description Type Accepted Default
placement Sets the placement of the form label component. String left, default, right default
size Sets the size of the form label component. String sm, md, lg md