Vue 3 Bootstrap Select fully featured © IcoTech
Compatible with vue 3 and it's model Binding
uses fuzzy-search as a peer dependency
strictly type defined
Props
| prop name | type | default | required |
|---|---|---|---|
| options | array | [] | true |
| v-model | array or object | null | true |
| searchable | boolean | true | false |
| disabled | boolean | false | false |
| rtl | boolean | false | false |
| inputLabel | string | 'choose' | false |
| labelKey | string | 'title' | false |
| valueKey | string | 'value' | false |
| searchableKeys | string array | ['title','value'] | false |
| multiSelect | boolean | false | false |
| maximumShown | number | 2 | false |
| multiSelectText | string | 'selected' | false |
| searchInputPlaceHolder | string | 'search...' | false |
Quick Start
for installation run the following command in terminal
npm i vue3-bootstrap-select
and register it in entry point of app creation with
app.use()
or
app.component()
Vue 3 Component generation guid for NPM
Install the vue-sfc-rollup package globally. We will use this to scaffold a minimal setup ready to be published to npm. For installation run the following command :
npm install -g vue-sfc-rollup
After that, run sfc-init from the root of your project to generate the template.
sfc-init
You will be asked further question for generation of template.
After generation of template go to the folder by running the following command
cd < package-name >
npm i
At the end Run the following npm script and publish to NPM:
npm run build
npm publish