Bootstrap 5 Input group Multiple addons

Bootstrap 5 Input group Multiple addons help to add multiple items in an input group which may include text, button, input, checkbox, radio, etc.

Bootstrap 5 Input group Multiple addons Classes

• input-group: This class is used to create an input group
• input-group-text: This class is used to add text to an input group

Syntax:

<div class="input-group">
 <span class="input-group-text">
 ...
 </span>
 <input type="text" class="form-control">
</div>

Example 1: In this example, we will learn about Multiple addons.

Output: 

👁 Image

Example 2: In this example, we will learn to Use checkboxes and text as multiple addons.

Output:

👁 Image

Reference: https://getbootstrap.com/docs/5.0/forms/input-group/#multiple-addons