# [VCL](https://vcl.github.io/vcl/) button-group

Arrangement of multiple buttons as group.

## Features

Horizontal (default) and vertical alignment of group members.

## Usage

Two group members can be used to create a split button.

[split-button example](/demo/example-split-button.html)

Besides just a set of independent buttons, a button group can function as
toggle button group.
Such a group may allow for selection of a single button (radio button like)
as the following.

[toggle-group-radio example](/demo/example-toggle-group-radio.html)

With the possibility to select multiple ones, a button group forms a
check box like group.

A horizontally justified layout can be realized with the properties of the
layout component.

[toggle-group-check example](/demo/example-toggle-group-check.html)

Using layout classes, the items can be justified. Using modifiers for the buttons
can also be used.

[toggle-group-justified example](/demo/example-toggle-group-justified.html)

A vertical group can be built using the `vertical` modifier.

[toggle-group-justified example](/demo/example-vertical-group.html)

## Classes

- `button-group`

## Modifiers

- `vertical`

## Variables