Button Group Reference

Reference for Button Group Reference in Web Framework References. Key properties: ID, Class, Aria Label, Size.

Groups a set of buttons on a single line. Place multiple Button components inside; enable sizing, vertical, or justified options if available.

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 button group. Sets an ARIA label for accessibility. Use it to describe the purpose of the group to assistive technologies. Bootstrap docs: Button group Attribute: aria-label
Size	droplist	Button group size. Controls the size of buttons within a button group. Applies size classes such as btn-group-sm or btn-group-lg when supported. Bootstrap docs: Button group sizing Options: Default, Large, Small
Vertical	boolean	Vertical button group. Stacks buttons vertically instead of horizontally. Applies btn-group-vertical when supported by the rule. Bootstrap docs: Vertical variation

Property	Type	Details
Align Self	button_group	Options: , , , ,
Order	range
Grow	button_group	Options: flex-grow-1, flex-grow-0
Shrink	button_group	Options: flex-shrink-1, flex-shrink-0