https://github.com/shershen08/emoji-vue
Add emoji keyboard to your vuejs project
https://github.com/shershen08/emoji-vue
emoji input-method smileys vue vuejs
Last synced: about 2 months ago
JSON representation
Add emoji keyboard to your vuejs project
- Host: GitHub
- URL: https://github.com/shershen08/emoji-vue
- Owner: shershen08
- License: mit
- Created: 2017-12-30T19:20:33.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2021-08-22T17:06:50.000Z (over 4 years ago)
- Last Synced: 2025-03-28T21:22:49.424Z (9 months ago)
- Topics: emoji, input-method, smileys, vue, vuejs
- Language: JavaScript
- Homepage:
- Size: 3.61 MB
- Stars: 142
- Watchers: 3
- Forks: 23
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-vue-zh - 表情符号-Vue - Vue.js项目的表情符号😎👌🏻下拉列表 (UI组件 / 杂)
- awesome-vue - emoji-vue - Add emoji keyboard to your vuejs project ` 📝 2 years ago` (UI Components [🔝](#readme))
- awesome-vue - emoji-vue - Emoji 😎👌🏻 dropdown for Vue.js project (Components & Libraries / UI Components)
- awesome-vue - emoji-vue ★49 - Emoji 😎👌🏻 dropdown for Vue.js project (UI Components / Miscellaneous)
- awesome-vue - emoji-vue - Emoji 😎👌🏻 dropdown for Vue.js project (UI Components / Miscellaneous)
README
# 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
},
clearTextarea(){
this.$refs.emoji.clear()
},
},
components: {
VueEmoji
}
//in template section
```
## 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 🧠 ❤️ ✅
``` bash
# 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](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
Check the [DEMO](https://shershen08.github.io/emoji-vue/)
## About
Based on code from https://github.com/OneSignal/emoji-picker
Create [an issue](https://github.com/shershen08/emoji-vue/issues) or ping me on twitter [@legkoletat](https://twitter.com/legkoletat)
## License
MIT