ss-select
Stylable searchable select component for VueJS. This component is
renderless
so you are free to customize it however you need to!
Features
- Renderless
- Single and multiple mode
- Filtering
- Disabling options
- Keyboard navigation
- v-model and vuex support
- No dependencies
Documentation:
Read documentation with examples.
Demo:
Installation:
npm install ss-select
or
yarn add ss-select
Pull ss-select components in
<script> components: SsSelect SsSelectToggle SsSelectOption SsSelectSearchInput </script>
Basic usage:
<!-- ss-select is the root component. Give it your options and a unique key to track them by. --> <!-- Then create a div so you can resolve data and methods you need from slot scope --> <!-- toggle component opens and closes the dropdown --> {{ $get(selectedOption, 'name') || 'Select a car' }} <!-- Create a div to display options --> <!-- search input component is used to filter options --> <!-- Be sure to provide search-by prop that will be the key to filter options by --> <!-- Here go options --> {{ option.name }}