Emoji-picker-vue NPM

emoji-picker-vue

demo

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/

emoji emoji-picker emoji-picker-vue

vue

@infinitebrahmanuniverse/nolb-emoji-p @everything-registry/sub-chunk-1582

1.0.1

6 years ago

1.0.0

6 years ago