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.