Search input
A single primitive in six garments — leading magnifier, trailing keyboard chip, expandable, with typeahead, compact, hero. Press / anywhere to focus the global one.
/ from anywhere on the page.
A single primitive in six garments — leading magnifier, trailing keyboard chip, expandable, with typeahead, compact, hero. Press / anywhere to focus the global one.
/ from anywhere on the page.
<label class="si">
<span class="si__lead">⌕</span>
<input class="si__input" type="search" placeholder="Search…" />
<span class="si__trail">
<button class="si__clear">×</button>
</span>
</label>