emoji-picker-vue

this is a emoji component using vue

Usage no npm install needed!

<script type="module">
  import emojiPickerVue from 'https://cdn.skypack.dev/emoji-picker-vue';
</script>

README

emoji-picker-vue

demo

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

Prop | Type | Default | Description -|-|-|- target | HTMLDivElement | @required | container in which emoji is put show | Boolean | @required | control the display of emoji config | Object | @optional | config the style of emoji config.width | String | 288px | width of emoji config.height | String | 180px | height of emoji

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/