2.0.5 • Published 1 year ago
@github/task-lists-element v2.0.5
<task-lists> element
Drag and drop task list items.
Installation
$ npm install --save @github/task-lists-element
Usage
Script
Import as a module:
import '@github/task-lists-element'
With a script tag:
<script type="module" src="./node_modules/@github/task-lists-element/dist/task-lists-element.js">
Markup
<task-lists sortable>
<ul class="contains-task-list">
<li class="task-list-item">
<input type="checkbox" class="task-list-item-checkbox">
Hubot
</li>
<li class="task-list-item">
<input type="checkbox" class="task-list-item-checkbox">
Bender
</li>
</ul>
<ul class="contains-task-list">
<li class="task-list-item">
<input type="checkbox" class="task-list-item-checkbox">
BB-8
</li>
<li class="task-list-item">
<input type="checkbox" class="task-list-item-checkbox">
WALL-E
</li>
</ul>
</task-lists>
Events
const list = document.querySelector('task-lists')
list.addEventListener('task-lists-check', function(event) {
const {position, checked} = event.detail
console.log(position, checked)
})
list.addEventListener('task-lists-move', function(event) {
const {src, dst} = event.detail
console.log(src, dst)
})
Browser support
Browsers without native custom element support require a polyfill.
- Chrome
- Firefox
- Safari
- Microsoft Edge
Development
npm install
npm test
License
Distributed under the MIT license. See LICENSE for details.
2.0.5
1 year ago
2.0.4
1 year ago
2.0.3
2 years ago
2.0.2
3 years ago
2.0.1
3 years ago
2.0.0
3 years ago
1.0.8
4 years ago
1.0.7
4 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago
0.4.0
5 years ago
0.3.0
5 years ago
0.2.1
6 years ago
0.2.0
6 years ago
0.1.0
6 years ago