# vue-multiselect-component

> A multiselect component with support for Vue 2

Latest version **1.2.0** (published 2021-06-24) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-multiselect-component
pnpm add vue-multiselect-component
yarn add vue-multiselect-component
bun add vue-multiselect-component
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.0 |
| Published | 2021-06-24 |
| First published | 2021-05-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=12 |
| Dependencies | 0 |
| Unpacked size | 96.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4 |
| Author | Anatoliy Vasilyev |
| Maintainers | vas11yev |
| Keywords | js, vue, vue2, multiselect, select |

## Links

- npm: https://www.npmjs.com/package/vue-multiselect-component
- Repository: https://github.com/vas11yev1work/vue-multiselect-component
- Homepage: https://vas11yev1work.github.io/vue-multiselect-component/
- Issues: https://github.com/vas11yev1work/vue-multiselect-component/issues
- npm.io page: https://npm.io/package/vue-multiselect-component

## Alternatives

- [@mapbox/jsonlint-lines-primitives](https://npm.io/package/@mapbox/jsonlint-lines-primitives.md) — 5.3M weekly downloads
- [reftools](https://npm.io/package/reftools.md) — 3.5M weekly downloads
- [@hey-api/openapi-ts](https://npm.io/package/@hey-api/openapi-ts.md) — 3.5M weekly downloads
- [@mapbox/geojson-rewind](https://npm.io/package/@mapbox/geojson-rewind.md) — 2.4M weekly downloads
- [turbo-stream](https://npm.io/package/turbo-stream.md) — 1.7M weekly downloads

## Recent versions

- 1.2.0 (latest) — 2021-06-24
- 1.1.6 — 2021-06-24
- 1.1.5 — 2021-05-27
- 1.1.4 — 2021-05-27
- 1.1.3 — 2021-05-27
- 1.1.2 — 2021-05-27
- 1.1.1 — 2021-05-27
- 1.1.0 — 2021-05-26
- 1.0.4 — 2021-05-26
- 1.0.3 — 2021-05-26
- 1.0.2 — 2021-05-26
- 1.0.1 — 2021-05-26
- 1.0.0 — 2021-05-26

## README

# Multiselect component for Vue 2

A multiselect component with support for Vue 2

## Install & basic usage
![img.png](docs/img.png)
```shell
$ npm install vue-multiselect-component
```

```vue
<template>
  <VueMultiselectComponent
    v-model="selected"
    :options="options"
  />
</template>

<script>
import VueMultiselectComponent from 'vue-multiselect-component'

export default {
  components: {
    VueMultiselectComponent
  },
  data() {
    return {
      selected: [],
      options: [
        { id: 'ru', label: 'Russia' },
        { id: 'nl', label: 'Netherlands' },
        { id: 'fr', label: 'France' }
      ]
    }
  }
}
</script>
```

## Props

|Props|Description|Required|Type|Default|
|-----|-----------|--------|----|-------|
|value (v-model)|Selected items|true|Array|-|
|options|List of all items|true|Array|-|
|writable|The ability to write in the input field|false|Boolean|true|
|searchable|Standard element search (only for writable = true)|false|Boolean|true|
|placeholder|Input placeholder|false|String|-|
|loading|Options list standby mode|false|Boolean|false|
|limit|Limit the number of visible items when the options list is closed|false|Number|10|
|label-text|The name of the field in the options array, which should be in the label|false|String|label|
|placeholder-as-label|Make a placeholder as a label that will be displayed at the top of the input field|false|Boolean|false|

**will be complemented*

## Events
|Event|Description|Attributes|
|-----|-----------|-----|
|search-change|Called whenever the search field has changed|(search-query)|
|input|Called whenever the value changes passing the new value|(value-list)|
|selected|Called whenever an element is selected|(id)|
|removed|Called whenever an element is removed|(id)|
|open|Called whenever the list is opened|-|
|close|Called whenever the list is closed|-|

**will be complemented*

## License

Copyright (c) 2021-present [Anatoliy Vasilyev](https://github.com/vas11yev1work).

Released under the [MIT License](https://github.com/vas11yev1work/vue-multiselect-component/blob/main/LICENSE).

---
_Source: https://npm.io/package/vue-multiselect-component · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._