Form Label

Form component used to add text labels to inputs.


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


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

Form Label Position


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


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