> For the complete documentation index, see [llms.txt](https://lewe.gitbook.io/lewe-bootstrap-visuals/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lewe.gitbook.io/lewe-bootstrap-visuals/shortcodes/button-group.md).

# Button Group

The Button Group shortcode is a wrapper around several Button shortcodes that you want to display as a unit.

In order to make the border radius work, do not use line breaks between the shortcodes.

## Examples

{% code overflow="wrap" %}

```
[bsv-button-group][bsv-button style="primary" size="" link="" target="_self" tooltip="no" outline="no" customtextcolor="" custombgcolor=""]1[/bsv-button][bsv-button style="primary" size="" link="" target="_self" tooltip="no" outline="no" customtextcolor="" custombgcolor=""]2[/bsv-button][bsv-button style="primary" size="" link="" target="_self" tooltip="no" outline="no" customtextcolor="" custombgcolor=""]3[/bsv-button][bsv-button style="primary" size="" link="" target="_self" tooltip="no" outline="no" customtextcolor="" custombgcolor=""]4[/bsv-button][/bsv-button-group]
```

{% endcode %}

<figure><img src="/files/Dz2ElnApu4jw5kIOOTbz" alt=""><figcaption></figcaption></figure>

## Format

{% code overflow="wrap" %}

```
[bsv-button-group styles=""]your other bsv-button shortcodes here[/bsv-button-group]
```

{% endcode %}

## Parameters

|        |                                                                |            |
| ------ | -------------------------------------------------------------- | ---------- |
| styles | Apply other CSS styles here. Separate the styles by semicolon. | *no value* |