# Button Group

The `Button Group` field allows the user to select an option from a group of buttons, each representing a selectable option. Each option can contain both text and images, and you can set the button group to either single-select or multi-select.

By default, the `height` and `width` styles will set a fixed dimension for each button in the group. However, you can make your buttons content-aware by toggling `Responsive Button Widths` on. This will treat your `width` as a minimum and grow buttons dynamically depending on the size of their content.

<figure><img src="https://640450274-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHAVngDAEk3s8Bw7P6Ntz%2Fuploads%2FI0XRlTQk1rDkadwVvmHu%2Fdocs_element-bttn-group.png?alt=media&#x26;token=ba71e509-78a1-4165-b210-3f4d9be0667f" alt="Screenshot of a button group element selected."><figcaption></figcaption></figure>

### For Developers <a href="#example" id="example"></a>

The Feathery SDK and API reference button group fields with `type` equal to `button_group`. The submitted value is a `string`.