Button Group

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.

Arguments

The shortcode supports the following arguments:

ArgumentRequiredDescription
aria-labelNoOptional assistive label for the button group.

Example

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 >}}
Last updated: February 12, 2023 • Upgrade to docs v0.9 (2caaad8)