---
{
  title: 'Button Group',
  layout: 'docs.11ty.js',
  tag: 'nve-button-group'
}
---

## Installation

{% install 'nve-button-group' %}

## Split

{% api 'nve-button-group', 'property', 'interaction' %}

{% example '@nvidia-elements/core/button-group/button-group.examples.json' 'ActionSplit' %}

### Split Rounded

{% example '@nvidia-elements/core/button-group/button-group.examples.json' 'ActionSplitRounded' %}

## Container

{% api 'nve-button-group', 'property', 'container' %}

### Standard

{% example '@nvidia-elements/core/button-group/button-group.examples.json' 'Default' %}

### Flat

{% api 'nve-button-group', 'property', 'container' %}

{% example '@nvidia-elements/core/button-group/button-group.examples.json' 'Flat' %}

### Rounded

{% api 'nve-button-group', 'property', 'container' %}

{% example '@nvidia-elements/core/button-group/button-group.examples.json' 'Rounded' %}

### Rounded Icon

{% example '@nvidia-elements/core/button-group/button-group.examples.json' 'RoundedIcon' %}

## Selection

{% api 'nve-button-group', 'property', 'behaviorSelect' %}

### Single Select

{% example '@nvidia-elements/core/button-group/button-group.examples.json' 'SingleSelect' %}

### Multi Select

{% example '@nvidia-elements/core/button-group/button-group.examples.json' 'MultiSelect' %}

### Disabled

{% example '@nvidia-elements/core/button-group/button-group.examples.json' 'Disabled' %}

## Orientation

{% api 'nve-button-group', 'property', 'orientation' %}

{% example '@nvidia-elements/core/button-group/button-group.examples.json' 'OrientationVertical' %}
