# 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="https://2850223474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOT4oO0pn3LrvJLuVbRqg%2Fuploads%2Fgit-blob-8f7fd293f9fadf4280156f396a4dbfced41ccacb%2Fscreenshot-buttongroup.png?alt=media" 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* |