<div class="mb-3">
    <div class="btn-group" role="group" aria-label="Basic example">
        <button type="button" class="btn btn-theme">Left</button>
        <button type="button" class="btn btn-theme">Middle</button>
        <button type="button" class="btn btn-theme">Right</button>
    </div>
</div>
<div class="btn-group" role="group" aria-label="Basic example 2">
    <button type="button" class="btn btn-outline-accent active">Left</button>
    <button type="button" class="btn btn-outline-accent">Middle</button>
    <button type="button" class="btn btn-outline-accent">Right</button>
</div>

<div class="btn-group" role="group" aria-label="Basic checkbox toggle button group">
    <input type="checkbox" class="btn-check" id="btncheck1">
    <label class="btn btn-outline-theme" for="btncheck1">Checkbox 1</label>
                        
    <input type="checkbox" class="btn-check" id="btncheck2">
    <label class="btn btn-outline-theme" for="btncheck2">Checkbox 2</label>
                        
    <input type="checkbox" class="btn-check" id="btncheck3">
    <label class="btn btn-outline-theme" for="btncheck3">Checkbox 3</label>
</div>

<div class="btn-group" role="group" aria-label="Basic radio toggle button group">
    <input type="radio" class="btn-check" name="btnradio" id="btnradio1" checked>
    <label class="btn btn-outline-primary" for="btnradio1">Radio 1</label>
                        
    <input type="radio" class="btn-check" name="btnradio" id="btnradio2">
    <label class="btn btn-outline-primary" for="btnradio2">Radio 2</label>
                        
    <input type="radio" class="btn-check" name="btnradio" id="btnradio3">
    <label class="btn btn-outline-primary" for="btnradio3">Radio 3</label>
</div>

<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
    <button type="button" class="btn btn-theme">Button 1</button>
    <button type="button" class="btn btn-theme">Button 2</button>
                        
    <div class="btn-group" role="group">
        <button type="button" class="btn btn-theme dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
            Dropdown 1
        </button>
        <ul class="dropdown-menu">
            <li><a class="dropdown-item" href="#">Dropdown link</a></li>
            <li><a class="dropdown-item" href="#">Dropdown link</a></li>
        </ul>
    </div>
</div>

<div class="btn-group-vertical" role="group" aria-label="Vertical button group">
    <button type="button" class="btn btn-theme">Button</button>
    <button type="button" class="btn btn-theme">Button</button>
    <button type="button" class="btn btn-theme">Button</button>
    <button type="button" class="btn btn-theme">Button</button>
</div>

<div class="btn-group" role="group" aria-label="button group">
    <button type="button" class="btn btn-primary">Button primary</button>
    <button type="button" class="btn btn-theme">Button theme</button>
    <button type="button" class="btn btn-accent">Button accent</button>
    <button type="button" class="btn btn-success">Button success</button>
</div>