JSFiddle - React, Tailwind, and code Playground
by Dhanck
HTML
<link rel="stylesheet" href="https://silviomoreto.github.io/bootstrap-select/bootstrap-select.min.css">
<script src="https://silviomoreto.github.io/bootstrap-select/bootstrap-select.min.js"></script>
<div class="bs-docs-example">
<select class="selectpicker" data-live-search="true">
<option value="Please select a data source">Please select a data source</option><option value="Entity - Account">Entity - Account</option><option value="Entity - Benchmark">Entity - Benchmark</option><option value="Entity - Portfolio">Entity - Portfolio</option><option value="Equity - Top 5 Detractors Benchmark">Equity - Top 5 Detractors Benchmark</option><option value="Equity - Top 5 Contributors Benchmark">Equity - Top 5 Contributors Benchmark</option><option value="Fixed Income - Top Holdings">Fixed Income - Top Holdings</option><option value="Multi-Strategy - Asset Allocation">Multi-Strategy - Asset Allocation</option><option value="Multi-Strategy - Change In Account Value">Multi-Strategy - Change In Account Value</option><option value="Equity - Characteristics">Equity - Characteristics</option><option value="Fixed Income - Characteristics">Fixed Income - Characteristics</option><option value="Fixed Income - Duration Distribution">Fixed Income - Duration Distribution</option><option value="Equity - Sector Allocation">Equity - Sector Allocation</option><option value="Performance - Account">Performance - Account</option><option value="Fixed Income - Maturity Distribution">Fixed Income - Maturity Distribution</option><option value="Fixed Income - Quality Allocation">Fixed Income - Quality Allocation</option><option value="Equity - Top 5 Relative Sector Attribution">Equity - Top 5 Relative Sector Attribution</option><option value="Fixed Income - Risk Characteristics">Fixed Income - Risk Characteristics</option><option value="Fixed Income - Sector Allocation">Fixed Income - Sector Allocation</option><option value="Fixed Income - Top 10 Underweights">Fixed Income - Top 10...
CSS
body{
margin:30px;
}
JavaScript
$('.selectpicker').selectpicker({
style: 'btn-info',
size: 4
});