Radio Input Reference

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

Inspector Property Groups

Radio Properties

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
Name	text	Radio group name. Sets the radio name (group key). Radios with the same name behave as a mutually exclusive group. Bootstrap docs: Checks & radios Attribute: name
Static Value	text	Radio submit value. Sets the value submitted when the radio is selected. Use distinct values per option in the group. Bootstrap docs: Checks & radios Attribute: value
Disabled	boolean	Disables the radio. Disables the radio input. Disabled radios cannot be selected. Bootstrap docs: Disabled Attribute: disabled
Read Only	boolean	Read-only radio (UI only). Makes the radio effectively read-only in the UI. Note: HTML doesn't support true readonly on radios; use App Connect logic to prevent changes if needed. Bootstrap docs: Checks & radios Attribute: readonly

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