emoji-vue
๐ ๐ ๐ ๐คฃ ๐ ๐ ๐ ๐ ๐ ๐ ๐
A Vue.js project implementing a input field addon allowing to add emojis via dropdown.
Install โ๏ธ
npm i emoji-vue --save
Use ๐๐๐ป
import VueEmoji from 'emoji-vue'
//in component def
methods: {
onInput(event) {
//event.data contains the value of the textarea
}
},
components: {
VueEmoji
}
//in template section
<VueEmoji @input="onInput" :value="myText" />
Event & properties ๐ ๐ ๐ ๐
@input - event generated when content of textarea with emoji selector is changed.
value - property to place initial content of the textarea.
width - sets width of visible textarea in px; defaults to '200px'.
height - sets height of visible textarea in px; defaults to '50px'.
Build Setup ๐ง โค๏ธ โ
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
Project uses the following setup: guide and docs for vue-loader.
Check the DEMO
About
Based on code from https://github.com/OneSignal/emoji-picker
Create an issue or ping me on twitter @legkoletat
License
MIT