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:
Name | Type | Required | Default | Comment |
---|---|---|---|---|
aria-label | string | Alias for label. | ||
label | string | Assistive label for the button group. |
See the button shortcode documentation for additional styling options.