Button Group

Share via

Use the button-group shortcode to display a group of buttons.

Overview

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.

markdown
{{< 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 >}}

Arguments

The shortcode supports the following arguments:

ArgumentRequiredDescription
aria-labelNoOptional assistive label for the button group.

Examples

See the button shortcode documentation for additional styling options.