Inline Border Spinner Reference

Bootstrap 5 Inline Border Spinner component. Add the Inline Border Spinner component and configure it in the Inspector.

Inspector Property Groups

Border Spinner 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
Position	droplist	Spinner alignment/position. Controls where the spinner appears relative to the content. The exact behavior depends on the component rule (for example: inline next to text, or centered within a container). Bootstrap docs: Spinners Options: Default, Prefix, Suffix
Color	color_group	Options: text-primary, text-primary-emphasis, text-secondary, text-secondary-emphasis, text-success, text-success-emphasis
Type	droplist	Spinner style. Chooses the spinner style. Depending on the rule, this switches between border and grow spinners ( spinner-border vs spinner-grow ). Bootstrap docs: Spinners Options: Default, Small

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