Get 2024 Templates Mega Bundle!19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets
Get for 99$ 
Metronic Split button
Is there an example of a bootstrap split button that I would like to use with Metronic's Trigger Dropdown
Bootstrap Split button combination
Replies (3)
Hi,
Please try to add
<div class="btn-group rounded-end">
.....
</div>If you need further help please provide your test link and we will check your code online.
Regards.
Hi,
Yes, it can be implemented.
Which dropdown plugin are you going to use? Metronic KTMenu or Bootstrap Dropdown ?
Regards.
I want to use bootstrap, but Dropdown on the right side is a combination of Metronic KTMenu.
<!-- Example split danger button -->
<div class="btn-group">
<button type="button" class="btn btn-danger">Action</button>
<button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
<span class="visually-hidden">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu">
</p><li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Separated link</a></li>
</div>The dropdown menu section uses Metronic KTMenu
My own implementation is not perfect, the right side is not rounded
<img src="https://clearseve.com/wp-content/uploads/2023/12/1.png" />
Control:
https://getbootstrap.com/docs/5.3/components/dropdowns/#split-button
