slick-complete

Autocomplete your inputs

Usage no npm install needed!

<script type="module">
  import slickComplete from 'https://cdn.skypack.dev/slick-complete';
</script>

README

SlickComplete (Demo)

Dependencies

Autocomplete your inputs.

Doc

  • Installation

Simply import SlickComplete into your HTML.


<link rel="stylesheet" href="slick-complete.min.css">
<script type="text/javascript" src="slick-complete.min.js"></script>
  • How to use

Create a new SlickComplete object with a query String or an Element as the first parameter :

let slickComplete = new SlickComplete('div.with[any="selector"]', options);
// OR
let element = document.querySelector('li.terally[any="thing"]');
let slickComplete = new SlickComplete(element, options);
  • Options
{
  icon: false,                                // Use an icon for your items ?
  lang: 'en',                                 // Language
  items: [                                    // Items list
    {
      id: 'yourID',                           // String or Number
      name: {
          'en': 'Test',                       // 'lang': 'translatedName'
          'fr': 'Tester'
      },
      aliases: ['Test2','Test3'],             // Name aliases
      icon: 'https://website.com/iconurl.jpg' // Icon URL
    },
    ...
  ]
}
  • Methods

See the documentation for the method definitions.

  • Example

See this JSFiddle for a working example

Authors