Contents
About:
This is a simple vanilla JavaScript emoji picker that allows, your users to choose emojis from auto-complete dropdown while typing emoji keywords. Auto-complete dropdown suggests result based on entered keyword.
How to use emoji picker?
1. Download using Download button above and import the required modules.
<script type=’module’>
import picker from ‘./src/index.js’
import fetchJSON from ‘./src/fetchJSON.js’
</script>
2. Create a <INPUT> tag in your document.
<input type=’text’ class=’input’ />
3. Bind the emoji picker with input field.
fetchJSON(‘./src/emoji.json’).then(emoji => picker(‘.input’, emoji))
And, you are done.
The post A vanilla JavaScript emoji picker with auto-complete appeared first on Lipku.com.