Press "Enter" to skip to content

[Twemoji] Fastest Plug-n-play Emoji Picker for Vue

Vue Twemoji Picker is supposed to be suitable for empty symbols easy to develop, easy to integrate and perform (with some batteries) using Arts Twitter Emoji (TWEMOJIS).

Emoji Unicode 13.0 is used as a basic data set. It also includes advanced features such as Search and Sheed Component that display TWEMOJIS directly outside the box.

Requirements

  • Vue Tweemoji Picker made of Vue, for Vue.
  • To get the search feature of the work your browser needs to support a series.
  • In order for the component to make your browser needs to support CSS FlexBox.
  • In most cases, polyfill.io can ensure the support of old browsers.

How to make use of it:

Installation:

npm install @kevinfaguiar/vue-twemoji-picker
// OR
yarn add @kevinfaguiar/vue-twemoji-picker

Using TwemojiPicker:

<template>
  <twemoji-picker
    :emojiData="emojiDataAll"
    :emojiGroups="emojiGroups"
    :skinsSelection="false"
    :searchEmojisFeat="true"
    searchEmojiPlaceholder="Search here."
    searchEmojiNotFound="Emojis not found."
    isLoadingLabel="Loading..."
  ></twemoji-picker>
</template>
<script>
  import {
    TwemojiPicker
  } from '@kevinfaguiar/vue-twemoji-picker';
  import EmojiAllData from '@kevinfaguiar/vue-twemoji-picker/emoji-data/{LANG}/emoji-all-groups.json';
  import EmojiDataAnimalsNature from '@kevinfaguiar/vue-twemoji-picker/emoji-data/{LANG}/emoji-group-animals-nature.json';
  import EmojiDataFoodDrink from '@kevinfaguiar/vue-twemoji-picker/emoji-data/{LANG}/emoji-group-food-drink.json';
  import EmojiGroups from '@kevinfaguiar/vue-twemoji-picker/emoji-data/emoji-groups.json';
  export default {
    name: 'App',
    components: {
        'twemoji-picker': TwemojiPicker
    },
    computed: {
      emojiDataAll() {
        return EmojiAllData;
      },
      emojiGroups() {
        return EmojiGroups;
      }
    }
  }
</script>

cool emoji picker for vue js, vue twemoji picker Plugin/Github


See Demo And Download

Official Website(kevinfaveri): Click Here

This superior jQuery/javascript plugin is developed by kevinfaveri. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.