list-extender

A JavaScript library for interactive, intuitive lists.

Usage no npm install needed!

<script type="module">
  import listExtender from 'https://cdn.skypack.dev/list-extender';
</script>

README

ListExtender.js

https://julienbl.me/ListExtender/

Install

Static

<script defer type="text/javascript" src="https://julienbl.me/ListExtender/lib/ListExtender.min.js"></script>

Node

npm i list-extender

Getting Started

  1. Create a ListExtender object
const myList = new ListExtender()
  1. Append your list to some parent container in the DOM
myList.appendTo('#containerId')

And that's it! You now have a working extending list in your website!
From here you can customize the list however you see fit. A good place to start would be setting the placeholder and input type.

myList.setPlaceholder('Placeholder Text')
myList.setInputType('email')

For more instructions on using the library, visit:

https://julienbl.me/ListExtender/documentation.html