Search
Search lets users specify a word or phrase to search for relevant pieces of information. Search can be used as a filter or a primary means of searching some content.
Basic Example
The basic style for search component that can be submitted by hitting enter kay or by clicking the search icon on the right side of the bar.
Expanding Search Bar
A search input that can be expanded when clicking the search icon and automaticall minimize when focusing outside of the input box.
With Typeahead
When initializing a typeahead using the typeahead.js jQuery plugin, you pass the plugin method one or more datasets. The source of a dataset is responsible for computing a set of suggestions for a given query. Read the Official Typeahead Documentation for a full list of instructions and other options.
Bloodhound
For more advanced use cases, rather than implementing the source for your dataset yourself, you can take advantage of Bloodhound, the typeahead.js suggestion engine.
Prefetch
Prefetched data is fetched and processed on initialization. If the browser supports local storage, the processed data will be cached there to prevent additional network requests on subsequent page loads.
Remote
Remote data is only used when the data provided by local and prefetch is insufficient. In order to prevent an obscene number of requests being made to the remote endpoint, requests are rate-limited.
Custom Template
Custom templates give you full control over how suggestions get rendered making it easy to customize the look and feel of your typeahead.
Multiple Datasets
An example of multiple datasets
Scrollable Dropdown
An example of search with scrollable selection