Button

Button group

A button group is a vertical list of buttons. It is used to group buttons together.

<div class="monster-button-group">
    <button class="">button</button>
    <button class="monster-button-outline-primary">
        monster-button-outline-primary
    </button>
</div>

Button bar

A button bar is a horizontal list of buttons. It is used to group button groups together.

<div class="monster-button-bar">
    <div class="monster-button-group">
        <button class="">button</button>
        <button class="monster-button-outline-primary">
            monster-button-outline-primary
        </button>
    </div>
    <div class="monster-button-group monster-margin-start-4">
        <button class="monster-button-outline-secondary">
            monster-button-outline-secondary
        </button>
        <button class="monster-button-outline-tertiary">
            monster-button-outline-tertiary
        </button>
    </div>
</div>