Custom dropdown with scroll and search.
The code to generate the component is this:
<!-- dropdown -->
<div class="dropdown dropdownscroll">
<button class="btn btn-outline-secondary dropdown-toggle" type="button" id="menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Select Theme
</button>
<div class="dropdown-menu" aria-labelledby="menu" role="menu">
<input type="text" class="form-control" placeholder="Search" aria-label="Search">
<a class="dropdown-item" href="#">Theme 01</a>
<a class="dropdown-item" href="#">Theme 02</a>
<a class="dropdown-item" href="#">Theme 03</a>
<a class="dropdown-item" href="#">Theme 04</a>
<a class="dropdown-item" href="#">Theme 05</a>
<a class="dropdown-item" href="#">Theme 06</a>
<a class="dropdown-item" href="#">Theme 07</a>
<a class="dropdown-item" href="#">Theme 08</a>
<a class="dropdown-item" href="#">Theme 09</a>
<a class="dropdown-item" href="#">Theme 10</a>
<a class="dropdown-item" href="#">Theme 11</a>
<a class="dropdown-item" href="#">Theme 12</a>
</div>
</div>
<!-- /dropdown -->