emoji-picker-vue

emoji-picker-vue

demo

online

codesandbox

In node

npm install emoji-picker-vue | yarn add emoji-picker-vue

import Vue from 'vue';
import emojiPicker from 'emoji-picker-vue';
import 'emoji-picker-vue/dist/index.css';

In browser

<head>
    <link rel="stylesheet" href="dist/browser/emoji-picker-vue.min.css"/>
</head>
<body>
    <script src="vue.min.js"></script>
    <script src="dist/browser/emoji-picker-vue.min.js"></script>
</body>

config

custom

• custom your own emoji or add more emoji, you should edit src/components/codepoints.js, then run npm run release, finally, new index.js will be generated in dist/, emoji codepoint can be found in unicode.org/emoji

• custom theme, you should edit src/components/emojiPicker/index.styl, then run npm run release, finally, new index.css will be generated in dist/