@logo-elements/sortable

Logo Elements Sortable is a web component to sort list. Also this component outputs positions and checkbox status.

<logo-elements-sortable sortable>
    <ul class="contains-sortable-list">
        <li class="sortable-list-item">
            <input type="checkbox" class="sortable-list-item-checkbox">
            Hubot
        </li>
        <li class="sortable-list-item">
            <input type="checkbox" class="sortable-list-item-checkbox">
            Bender
        </li>
    </ul>

    <ul class="contains-sortable-list">
        <li class="sortable-list-item">
            <input type="checkbox" class="sortable-list-item-checkbox">
            BB-8
        </li>
        <li class="sortable-list-item">
            <input type="checkbox" class="sortable-list-item-checkbox">
            WALL-E
        </li>
    </ul>
</logo-elements-sortable>

Installation

Install the component:

npm i @logo-elements/sortable -s

Once installed, import the component in your application:

import '@logo-elements/sortable';

For more detailed information, please visit:

Logo Elements Documentation ↗