<div class="input-group">
<div class="input-group-prepend">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
</div>
</div>
<input type="text" class="form-control" aria-label="Text input with dropdown button">
</div>
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.
☝️ This is a preview of the Shuffle Assistant™. Chat with it, or switch to Shuffle to learn about our powerful tools!
Switch to Shuffle