Have ideas to improve npm?Join in the discussion! »

    vue-libs-multi-select-with-order

    2.0.2 • Public • Published

    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 :).


    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>
    
    npm install vue-libs-multi-select-with-order --save

    Basic Usage

    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']
            }
        }
    };
                <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.

    Install

    npm i vue-libs-multi-select-with-order

    DownloadsWeekly Downloads

    81

    Version

    2.0.2

    License

    MIT

    Last publish

    Collaborators

    • avatar