Button Group
Use the button-group shortcode to display a group of buttons.
Use the button-group shortcode to display a group of buttons. Add inner <button> elements for each button. As an example, the following shortcode displays a group of three buttons.
{{< button-group aria-label="Basic example" >}}
{{< button color="primary" href="#!" >}}Left{{< /button >}}
{{< button color="primary" href="#!" >}}Middle{{< /button >}}
{{< button color="primary" href="#!" >}}Right{{< /button >}}
{{< /button-group >}}The shortcode supports the following arguments:
| Argument | Required | Description |
|---|---|---|
| aria-label | No | Optional assistive label for the button group. |
See the button shortcode documentation for additional styling options.