Skip to main content

Button Group

Groups related actions into a connected horizontal or vertical control.

{% include components/button-group.html
   items=site.data.demo.button_group
   size="md"
   aria_label="Choose reporting period"
%}

Parameters

Parameter Type Default Description
items array — Entries with label, optional href, variant, active, and disabled
variant string outline Default button variant for items
size string md Button size
vertical boolean false Stacks buttons vertically
content string — HTML for custom nested buttons when items is omitted
aria_label string — Accessible group name
class string — Additional CSS classes