2.12.3 #Components.dropdown.no-search-results No search results
Browser support: IE10+, Safari6+, Firefox30+, Chrome30+
Markup
<div class="sb-form-control">
<label class="sb-label" for="dropdown-id-search-no-results">Select options</label>
<div class="sb-dropdown sb-dropdown--open" id="dropdown-id-search-no-results">
<div class="sb-dropdown__button sb-form-control__input sb-form-control__input--icon-right">
<button class="sb-input" aria-label="Select options">
Select options
</button>
<svg viewBox="0 0 11 6" class="sb-icon sb-icon--s sb-icon--arrow-dropdown">
<path d="M5.5 6.793l4.146-4.147a.5.5 0 0 1 .708.708l-4.5 4.5a.5.5 0 0 1-.708 0l-4.5-4.5a.5.5 0 0 1 .708-.708L5.5 6.793z" id="a"/>
</svg>
</div>
<ul class="sb-dropdown__menu" role="listbox">
<li class="sb-dropdown__search" role="search">
<input class="sb-input" id="input-id-2" placeholder="Search here ..." aria-label="Search">
</li>
<li class="sb-dropdown__message" tabindex="0" aria-label="No results">
No results
</li>
</ul>
</div>
</div>
Source: components/_dropdown.scss, line 292