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: 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 (about 7 years ago)
• Default Branch: master
• Last Pushed: 2021-08-22T17:06:50.000Z (over 3 years ago)
• Last Synced: 2024-11-04T16:45:03.703Z (3 months ago)
• Topics: emoji, input-method, smileys, vue, vuejs
• Language: JavaScript
• Homepage:
• Size: 3.61 MB
• Stars: 142
• Watchers: 4
• Forks: 24
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# emoji-vue

😀 😁 😂 🤣 😃 😄 😅 😆 😉 😊 😋

A Vue.js project implementing a input field addon allowing to add emojis via dropdown.

![dependencies status](https://david-dm.org/shershen08/emoji-vue/status.svg)

## Install ⚙️

```

npm i emoji-vue --save

```

![emoji-vue preview image](https://i.imgur.com/KMo0Pgv.png)

## 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