<h4>Standard</h4>

```js
<div>
    <ButtonsRow
        selectedIndex={0}
        bsStyle="default"
        bsSize="xsmall"
        childElements={[{ id: 1, text: 'First' }, { id: 2, text: 'Second' }]}
    />
    <ButtonsRow
        selectedIndex={0}
        bsStyle="success"
        bsSize="small"
        childElements={[{ id: 1, text: 'First' }, { id: 2, text: 'Second' }]}
    />
    <ButtonsRow
        selectedIndex={0}
        bsStyle="primary"
        bsSize="medium"
        childElements={[{ id: 1, text: 'First' }, { id: 2, text: 'Second' }]}
    />
    <ButtonsRow
        selectedIndex={0}
        bsStyle="info"
        bsSize="large"
        childElements={[{ id: 1, text: 'First' }, { id: 2, text: 'Second' }]}
    />
    <ButtonsRow
        selectedIndex={0}
        bsStyle="warning"
        bsSize="small"
        childElements={[{ id: 1, text: 'First' }, { id: 2, text: 'Second' }]}
    />
    <ButtonsRow
        selectedIndex={0}
        bsStyle="danger"
        bsSize="small"
        childElements={[{ id: 1, text: 'First' }, { id: 2, text: 'Second' }]}
    />
    <ButtonsRow
        selectedIndex={0}
        bsStyle="link"
        bsSize="small"
        childElements={[{ id: 1, text: 'First' }, { id: 2, text: 'Second' }]}
    />
</div>
```

---

<h4>With icons</h4>

```js
<div>
    <ButtonsRow
        selectedIndex={0}
        bsStyle="default icon"
        bsSize="medium"
        childElements={[
            { id: 1, text: 'Plus', icon: <Icons.Plus /> },
            { id: 2, text: 'Three', icon: <Icons.ThreeDots /> }
        ]}
    />
    <ButtonsRow
        selectedIndex={0}
        bsStyle="default icon"
        bsSize="large"
        childElements={[
            { id: 1, text: 'Plus', icon: <Icons.Plus /> },
            { id: 2, text: 'Three', icon: <Icons.ThreeDots /> }
        ]}
    />
    <ButtonsRow
        selectedIndex={0}
        bsStyle="default icon"
        bsSize="small"
        childElements={[
            { id: 1, text: 'Plus', icon: <Icons.Plus /> },
            { id: 2, text: 'Three', icon: <Icons.ThreeDots /> }
        ]}
    />
</div>
```

---

<h4>autoSetWidth = false</h4>

```js
<div>
    <ButtonsRow
        selectedIndex={0}
        autoSetWidth={false}
        bsStyle="default"
        bsSize="medium"
        childElements={[{ id: 1, text: 'First' }, { id: 2, text: 'Second' }]}
    />
    <ButtonsRow
        selectedIndex={0}
        autoSetWidth={false}
        bsStyle="default"
        bsSize="large"
        childElements={[{ id: 1, text: 'First' }, { id: 2, text: 'Second' }]}
    />
    <ButtonsRow
        selectedIndex={0}
        autoSetWidth={false}
        bsStyle="default"
        bsSize="small"
        childElements={[{ id: 1, text: 'First' }, { id: 2, text: 'Second' }]}
    />
</div>
```
