# vue-libs-multi-select-with-order

> Simple multi-select component with order - you can not only manage a set (like a regular multi-select) but also the order of its elements

Latest version **2.0.2** (published 2017-09-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-libs-multi-select-with-order
pnpm add vue-libs-multi-select-with-order
yarn add vue-libs-multi-select-with-order
bun add vue-libs-multi-select-with-order
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.2 |
| Published | 2017-09-11 |
| First published | 2017-08-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Alexander Libster |
| Maintainers | alexlibs |
| Keywords | vue, multi-select, select2, draggable multi-select, drag, draggable, draggable select2, draggable list, order, ordered, ordered select2, ordered list, vue.js |

## Links

- npm: https://www.npmjs.com/package/vue-libs-multi-select-with-order
- Repository: https://github.com/AlexLibs/vue-libs-multi-select-with-order
- Homepage: https://github.com/AlexLibs/vue-libs-multi-select-with-order#readme
- Issues: https://github.com/AlexLibs/vue-libs-multi-select-with-order/issues
- npm.io page: https://npm.io/package/vue-libs-multi-select-with-order

## Recent versions

- 2.0.2 (latest) — 2017-09-11
- 2.0.1 — 2017-09-11
- 1.0.9 — 2017-09-11
- 1.0.8 — 2017-09-11
- 1.0.7 — 2017-09-11
- 1.0.6 — 2017-09-10
- 1.0.5 — 2017-09-10
- 1.0.4 — 2017-09-10
- 1.0.3 — 2017-08-14
- 1.0.2 — 2017-08-14
- 1.0.1 — 2017-08-14
- 1.0.0 — 2017-08-14

## README

# Vue Simple Multi-Select With Order

Simple multi-select component with order - you can not only manage a set of items (like a regular multi-select) but also their order.

No sass/less compilation. Very easy to use :).

<img src="https://raw.githubusercontent.com/AlexLibs/vue-libs-multi-select-with-order/master/demo/vue-libs-multi-select-with-order.png" /><br>

## Installation
Add the dependencies to your html file:
```
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.full.min.js"></script>
```

```bash
npm install vue-libs-multi-select-with-order --save
```

## Basic Usage

```javascript
import MultiSelectWithOrder from 'vue-libs-multi-select-with-order';

new Vue({

    components: {
        MultiSelectWithOrder
    },

    data () {
        return {
            keys: ['white', 'red', 'blue'],
            availableKeys: ['orange', 'yellow', 'green', 'white', 'red', 'blue', 'black', 'brown']
        }
    }
};
```

```html
            <multi-select-with-order class="ordered-keys" v-model="keys"
                                     v-bind:items="availableKeys">
            </multi-select-with-order>
```

## Customization

Override the relevant css classes to customize it.

---
_Source: https://npm.io/package/vue-libs-multi-select-with-order · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._