Form Label Reference

Bootstrap 5 component. Add the component and configure its properties in the Inspector.

Inspector Property Groups

From Group Label

Property	Type	Details
ID	text	Optional unique identifier for this element. Sets the element's id attribute. Keep IDs unique per page (useful for anchors, label for targets, and JavaScript hooks). Bootstrap docs: Introduction Attribute: id
Class	text	Adds raw class names to the element. Adds text directly to the class attribute. Use this for custom utility classes or project-specific overrides. Separate multiple classes with spaces. Bootstrap docs: Utilities API Attribute: class
Label Text	text	Label text. Sets the label text for a form control. Use clear labels for accessibility and to make forms easier to scan. Bootstrap docs: Forms overview
Size	droplist	Label size variant. Controls the label sizing to match input sizing. Use consistent sizing for labels and controls to avoid misalignment. Bootstrap docs: Sizing Options: Default, Large, Small
Form Label	boolean	Uses Bootstrap form label styling. Applies Bootstrap's form label styling (e.g. .form-label ). Use consistent label styles across your form for a clean layout. Bootstrap docs: Forms overview

Layout

Property	Type	Details
Size	range	Label size variant. Controls the label sizing to match input sizing. Use consistent sizing for labels and controls to avoid misalignment. Bootstrap docs: Sizing
Order	range
Offset	range

Spacing

Property	Type	Details
Margin<br>&<br>Padding	spacing
X Gutter	range	Horizontal gutter size. Sets the horizontal gutter (spacing between columns). Uses gx-* utilities to control the horizontal gutter size. Bootstrap docs: Gutters
Y Gutter	range	Vertical gutter size. Sets the vertical gutter (spacing between rows). Uses gy-* utilities to control the vertical gutter size. Bootstrap docs: Gutters

Display

Property	Type	Details
Hide on	button_group	Options: xs, sm, md, lg, xl, xxl
Print	button_group
Visually Hidden	boolean
Focusable	boolean