Button Group
Group a series of buttons together on a single line or stack them in a vertical column.
Last updated
Was this helpful?
Group a series of buttons together on a single line or stack them in a vertical column.
Last updated
Was this helpful?
Creates a group of buttons or inputs. The group can be vertically aligned, and different sizes can be specified.
https://getbootstrap.com/docs/5.3/components/button-group
vertical
: Whether to render the button group vertically. (default: false)
size
: The size of the button group (sm | md | lg). Defaults to md
.
aria_label
: The aria-label attribute of the button group.
toolbar
: Whether to render the button group as a toolbar. (default: false)
toolbar_aria_label
: The aria-label attribute of the toolbar.
items
: An array of buttons or inputs.
content
: The content for the button.
Example #1: Horizontal Button Group
Example #2: Vertical Input Button Group
These examples represent a horizontal and vertical button group where each item array creates a group of buttons. Please adjust as necessary.