select-typeahead-vue
v0.0.6
Published
A Vue Component to convert the native html select-dropdown to searchable dropdown (something similar to the datalist html tag which isn't supported in most of the browsers)
Downloads
13
Maintainers
Readme
Searchable-Select-Dropdown
A Vue Component to convert the native html select-dropdown to searchable dropdown (something similar to the datalist html tag which isn't supported in most of the browsers)
##Installation
###If you are using webpack/browserify
import searchableDropdown from 'select-typeahead';
import 'select-typeahead/selectToSearch.css';
new Vue({
...
components: {
...
'searchable-dropdown': searchableDropdown,
...
},
...
})
###If you are not using webpack/browserify
Add selectToSearch-es5.js and selectToSearch.css
to your html file and use the component.
Usage
Pass the select component's id and modelValue (containing text and value keys) as a prop.
<searchable-dropdown replace-with="#native-select-box" :selected-value.sync='selectedData'></searchable-dropdown>
##Screenshots
###Native HTML Select Tag
###VueJS Component