Bootstrap 5 Input group Buttons with dropdowns

Bootstrap 5 Input group Buttons with dropdowns is used to display a button along with an input group. On Clicking this button, it gives a dropdown menu.

Input group Buttons with dropdowns Classes: No special classes are used in Input group Buttons with dropdowns. You can customize the component using input group and dropdown classes.

Syntax:

<div class="input-group">
 <button class="btn dropdown-toggle" type="button" 
 data-bs-toggle="dropdown">
 ... 
 </button>
 <ul class="dropdown-menu">
 ...
 </ul>
 ...
</div>

Example 1: In this example, we will learn about Buttons with dropdowns to the left and right also.

Output:

👁 Image

Example 2: In this example, we will learn about buttons with dropdowns to the left and right both together.

Output:

👁 Image

References: https://getbootstrap.com/docs/5.0/forms/input-group/#buttons-with-dropdowns