JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 22148
  • Score
    100M100P100Q186719F
  • License MIT

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
    }
    */
}