Skip to content

Open in Wappler

Form Legend Reference

Reference for Form Legend Reference in Web Framework References. Key properties: ID, Class, Label Text, Size.

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

Inspector Property Groups

From Group Legend

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	Fieldset legend text. Sets the legend text for a fieldset. Legends provide a label for grouped controls (e.g. a radio group). Bootstrap docs: Forms overview
Size	droplist	Legend size variant. Controls the size of the fieldset legend. Use a size that fits your hierarchy and keeps the form readable. Bootstrap docs: Forms overview Options: Default, Large, Small

Layout

Property	Type	Details
Size	range	Legend size variant. Controls the size of the fieldset legend. Use a size that fits your hierarchy and keeps the form readable. Bootstrap docs: Forms overview
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