Skip to content
Lightweight Package of Emoji Picker in Vue
Branch: master
Clone or download
joaoeudes7 Merge pull request #10 from joaoeudes7/development
Merge pull request #5 from joaoeudes7/master
Latest commit bd7e4b3 Jun 7, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Create FUNDING.yml May 27, 2019
data Refactor Jan 28, 2019
public Refactor Jan 28, 2019
src v1.1.3 Jun 7, 2019
.demo.png v1.0.8 Feb 8, 2019
.editorconfig Basic features Jan 25, 2019
.emoji.png Add Select Feb 8, 2019
.eslintrc.js Update Configs of Lint Apr 8, 2019
.gitignore Basic features Jan 25, 2019
.postcssrc.js Update Configs of Lint Apr 8, 2019
LICENSE Initial commit Jan 25, 2019
Readme.md Add license scan report and status May 30, 2019
babel.config.js Update Configs of Lint Apr 8, 2019
package.json v1.1.3 Jun 7, 2019
vue.config.js Basic features Jan 25, 2019
yarn.lock v1.1.3 Jun 7, 2019

Readme.md

V-Emoji-Picker

This simple package use Emojis Natives

npm bundlephobia npm vue2 FOSSA Status

example: Android

Table of contents

Installation

yarn add v-emoji-picker

Usage

<template>
  <div id="app">
    <VEmojiPicker :pack="pack" @select="selectEmoji" />
  </div>
</template>

<script>
import VEmojiPicker from 'v-emoji-picker';
import packData from 'v-emoji-picker/data/emojis.json';

export default {
  name: 'Demo',
  components: {
    VEmojiPicker
  },
  data: () => ({
    pack: packData
  }),
  methods: {
    selectEmoji(emoji) {
      console.log(emoji)
    }
  }
}
</script>

Props

{
  pack: { type: Array, required: true },
  labelSearch: { type: String, default: 'Pesquisar...' },
  showCategory: { type: Boolean, default: true },
  emojisByRow: { type: Number, default: 5 },
  showSearch: { type: Boolean, default: () => true }
}

Events

{
  select: 'Emit event on Selected Emoji',
  changeCategory: 'Emit event on Change Category'
}

Estructure Emoji

Demo

Click here to view in Browser: Vue Component | Emojis | Simples Example

License

FOSSA Status

You can’t perform that action at this time.