Support input group with toggle buttons

[florianlacreuse]

Prerequisites

• [X] I have searched for duplicate or closed feature requests
• [X] I have read the contributing guidelines

Proposal

Input group supports:

• Checkboxes and radios (inside .input-group-text)
• Button addons

Unfortunately it seems that toggle buttons are not supported.

https://stackblitz.com/edit/tybzeq

Thanks to a bit of luck it works with a toggle button at the end, but if we put it at the start the rounding is not right.

Motivation and context

It would allow to have addons with a checkbox or a radio under the hood (for a11y, at least) but with the same look as buttons.

[raj-rathod]

@florianlacreuse just add rounded-start class on the label

  <div class="input-group mb-3">
      <input type="checkbox" class="btn-check" id="btn-check-outlined1" autocomplete="off">
      <label class="btn btn-outline-primary rounded-start" for="btn-check-outlined1">Single toggle</label>
      <input type="text" class="form-control" placeholder="" aria-label="Example text with button addon" aria-describedby="button-addon1">
    </div>

[florianlacreuse]

Yes, but I see this more as a workaround.