Button Toolbar Reference

Reference for Button Toolbar Reference in Web Framework References. Key properties: ID, Class, Aria Label, Horizontal Align.

Combines multiple button groups into a toolbar. Use to space/group multiple Button Group components and align them with Bootstrap utilities.

Inspector Property Groups

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
Aria Label	text	ARIA label for the toolbar. Sets an ARIA label for a button toolbar. Use it to describe the toolbar's purpose for screen readers. Bootstrap docs: Button toolbar Attribute: aria-label
Horizontal Align	droplist	Toolbar horizontal alignment. Controls horizontal alignment/distribution for a button toolbar. This typically maps to flex utilities (justify-content) depending on the rule. Bootstrap docs: Justify content Options: Default, Start, End, Center, Around, Between