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. |
| Name | Type | Required | Default |
|---|---|---|---|
| aria-label | string | ||
| Alias for label. | |||
| label | string | ||
| Assistive label for the button group. | |||
See the Button Shortcode Documentation for additional styling options.