Docs

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 Component. As an example, the following shortcode displays a group of three buttons. See the Button Component for additional styling options.

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

Styling  

Check the Bootstrap documentation  for additional styling options.

Arguments  

The shortcode supports the following arguments:

Name Type Required Default Comment
aria-label string Alias for label.
label string Assistive label of the element.
Name Type Required Default
aria-label string
Alias for label.
label string
Assistive label of the element.
On this page