---
layout: docs
title: Button Group
description: null
---

## Example

<div class="button-group">
  <button class="button">Button</button>
  <button class="button">Button</button>
  <button class="button">Button</button>
</div>

### HTML

```html
<div class="button-group">
  <button class="button">...</button>
  <button class="button">...</button>
  <button class="button">...</button>
</div>
```

## Button Group Block

<div class="button-group button-group-block">
  <button class="button">Button</button>
  <button class="button">Button</button>
  <button class="button">Button</button>
</div>

### HTML

```html
<div class="button-group button-group-block">
  <button class="button">...</button>
  <button class="button">...</button>
  <button class="button">...</button>
</div>
```

## Button Group with Icon

<div class="button-group">
  <button class="button">Button</button>
  <button class="button button-square">
    <svg width="16" height="16" viewBox="0 0 16 16">
      <polygon points="2,4 13,4 8,12"/>
    </svg>
  </button>
</div>

### HTML

```html
<div class="button-group">
  <button class="button">...</button>
  <button class="button button-square">
    <svg>...</svg>
  </button>
</div>
```