Button Group

The Button Group groups a seriesof buttons together on a single line.

Mecons Button Group

<button-group>
    <button>Left</button>
    <button>Middle</button>
    <button>Right</button>
</button-group>

Configuration

Vertical

Make a set of buttons appear vertically stacked rather than horizontally by adding the bc-vertical attribute.

Vertical Button Group

<button-group bc-vertical="true">
    <button>Top</button>
    <button>Middle</button>
    <button>Bottom</button>
</button-group>

Size

Define a size of the button group with the bc-size attribute. Available sizes are Default, Large or Small.