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 |