Package Exports
- vue3-emoji-picker
Readme
Vue3 Emoji Picker Component

Live preview: codesandbox
Options
Option | Type | Default Value | Description | Range |
---|---|---|---|---|
native | Boolean | false | Load native emoji instead of image. | N/A |
select | event | N/A | fires on emoji onClick | N/A |
Option Example:
// import picker compopnent
import EmojiPicker from "vue3-emoji-picker"
// import css
import "node_modules/vue3-emoji-picker/dist/style.css"
// use picker component
<EmojiPicker
:native="true"
@select="onSelectEmoji"
/>
// event callback
function onSelectEmoji(emoji) {
console.log(emoji)
/*
// result
{
i: "😚",
n: ["kissing face"],
r: "1f61a", // with skin tone
t: "neutral", // skin tone
u: "1f61a" // without tone
}
*/
}