https://github.com/zenoo/slick-complete

Autocomplete your inputs.
https://github.com/zenoo/slick-complete

autocomplete input

Last synced: about 1 month ago
JSON representation

Autocomplete your inputs.

• Host: GitHub
• URL: https://github.com/zenoo/slick-complete
• Owner: Zenoo
• License: mit
• Created: 2018-07-05T07:09:06.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2021-05-09T10:35:17.000Z (over 3 years ago)
• Last Synced: 2024-11-10T16:48:43.545Z (about 2 months ago)
• Topics: autocomplete, input
• Language: JavaScript
• Homepage:
• Size: 503 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# SlickComplete [(Demo)](https://jsfiddle.net/Zenoo0/z5tr4a91/)

![Dependencies](https://david-dm.org/Zenoo/slick-complete.svg)

Autocomplete your inputs.

### Doc

* **Installation**

Simply import SlickComplete into your HTML.

```

```

* **How to use**

Create a new [`SlickComplete`](https://zenoo.github.io/slick-complete/SlickComplete.html) 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](https://zenoo.github.io/slick-complete/SlickComplete.html) for the method definitions.  

* **Example**

See this [JSFiddle](https://jsfiddle.net/Zenoo0/z5tr4a91/) for a working example

## Authors

* **Zenoo** - *Initial work* - [Zenoo.fr](http://zenoo.fr)