# Kanban

Use this drag and drop library to customize the KanBan board

## Getting started

Before using the Kanban page you need to include the `Sortable` plugin by adding the following script file before the end of the `body` tag:

    <script src="@@path/vendor/sortablejs/Sortable.min.js"></script>

## Initializing the kanban board

In your html file you need to create a `div` tag with an id attribute:

    <div id="kanbanColumn1" class="list-group kanban-list">
      <!-- Card items goes inside -->
    </div>

After that in your Javascript files you’ll need to initialize the calendar like this:

    var kanbanColumn1 = document.getElementById('kanbanColumn1');
    if (kanbanColumn1) {
        new Sortable(kanbanColumn1, {
            group: "shared",
        });
    }

If you want to learn all of the options that you can use for the Kanban plugin you can visit the Sortable.js documentations and see all the available options.