2.3.3 • Published 4 years ago

v-emoji-picker v2.3.3

Weekly downloads
4,258
License
MIT
Repository
github
Last release
4 years ago

V-Emoji-Picker

This simple package using Emojis Natives

npm bundlephobia npm vue2 CodeFactor example: Android


Contents


Installation

yarn add v-emoji-picker

Usage

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

<script>
import { VEmojiPicker } from 'v-emoji-picker';

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

or Global

import Vue from "vue";
import App from "./App.vue";

import VEmojiPicker from 'v-emoji-picker';

Vue.config.productionTip = false;
Vue.use(VEmojiPicker);

new Vue({
  render: h => h(App)
}).$mount("#app");

Props

{
  @Prop({ default: () => [] }) customEmojis!: IEmoji[];
  @Prop({ default: () => [] }) customCategories!: ICategory[];
  @Prop({ default: 15 }) limitFrequently!: number;
  @Prop({ default: 5 }) emojisByRow!: number;
  @Prop({ default: false }) continuousList!: boolean;
  @Prop({ default: 32 }) emojiSize!: number;
  @Prop({ default: true }) emojiWithBorder!: boolean;
  @Prop({ default: true }) showSearch!: boolean;
  @Prop({ default: true }) showCategories!: boolean;
  @Prop({ default: false }) dark!: boolean;
  @Prop({ default: "Peoples" }) initialCategory!: string;
  @Prop({ default: () => [] as ICategory[] }) exceptCategories!: ICategory[];
  @Prop({ default: () => [] as Emoji[] }) exceptEmojis!: IEmoji[];
  @Prop({}) i18n!: Object;
}

Events

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

Using custom Emojis

Array of items with Interface IEmoji

interface IEmoji {
  data: string;
  category: string;
  aliases: string[];
}

set in Prop customEmojis

Using custom Categories

Array of items with Interface ICategory

interface ICategory {
  name: string;
  icon: string;
}

set in Prop customCategories

Using SVG

Doc coming soon...

i18n

Set in Prop i18n a object with structure of you custom translation:

  <VEmojiPicker :i18n="i18n" />
const i18n = {
  search: 'Pesquisar...',
  categories: {
    Activity: "Atividades",
    Flags: "Bandeiras",
    Foods: "Comida",
    Frequently: "Frequentes",
    Objects: "Objetos",
    Nature: "Natureza",
    Peoples: "Pessoas",
    Symbols: "Símbolos",
    Places: "Locais"
  }
}

or import from locale/lang/${youLang}

Obs: Default language is en-UK

Structure Emoji

npm.io

Size

npm.io

License

FOSSA Status

2.3.3

4 years ago

2.3.1

4 years ago

2.3.0

4 years ago

2.2.1

4 years ago

2.2.0

5 years ago

2.2.0-alpha.2

5 years ago

2.1.9-alpha.7

5 years ago

2.1.9

5 years ago

2.2.0-alpha.1

5 years ago

2.1.9-alpha.6

5 years ago

2.1.9-alpha.5

5 years ago

2.1.9-alpha.4

5 years ago

2.1.9-alpha.1

5 years ago

2.1.9-alpha.2

5 years ago

2.1.8

5 years ago

2.1.7

5 years ago

2.1.6

5 years ago

2.1.4

5 years ago

2.1.5

5 years ago

2.1.4-beta.3

5 years ago

2.1.4-beta.9

5 years ago

2.1.4-beta.8

5 years ago

2.1.4-beta.5

5 years ago

2.1.4-beta.4

5 years ago

2.1.4-beta.7

5 years ago

2.1.4-beta.6

5 years ago

2.1.4-beta.1

5 years ago

2.1.4-beta.0

5 years ago

2.1.4-beta.2

5 years ago

2.1.3

5 years ago

2.1.2-beta.11

5 years ago

2.1.2-beta.10

5 years ago

2.1.2-beta.9

5 years ago

2.1.2-beta.8

5 years ago

2.1.2-beta.7

5 years ago

2.1.2-beta.6

5 years ago

2.1.2-beta.5

5 years ago

2.1.2-beta.4

5 years ago

2.0.9-beta.0

5 years ago

2.1.2

5 years ago

2.1.2-beta.1

5 years ago

2.1.2-beta.0

5 years ago

2.1.2-beta.3

5 years ago

2.1.2-beta.2

5 years ago

2.1.1-beta.0

5 years ago

2.1.1

5 years ago

2.1.0

5 years ago

2.0.8

5 years ago

2.0.7-beta.7

5 years ago

2.0.7-beta.6

5 years ago

2.0.7-beta.4

5 years ago

2.0.7-beta.5

5 years ago

2.0.7-beta.3

5 years ago

2.0.7-beta.2

5 years ago

2.0.7-beta.1

5 years ago

2.0.7-beta.0

5 years ago

2.0.7

5 years ago

2.0.6

5 years ago

2.0.5

5 years ago

2.0.4

5 years ago

2.0.3

5 years ago

2.0.2

5 years ago

2.0.1

5 years ago

2.0.0-beta.5

5 years ago

2.0.0-beta.4

5 years ago

2.0.0-beta.3

5 years ago

2.0.0-beta.2

5 years ago

2.0.0-beta.1

5 years ago

2.0.0-beta.0

5 years ago

2.0.0

5 years ago

1.2.7

5 years ago

1.2.6

5 years ago

1.2.5

5 years ago

1.2.4

5 years ago

1.2.3

5 years ago

1.2.2

5 years ago

1.2.1

5 years ago

1.2.0

5 years ago

1.1.8

5 years ago

1.1.7

5 years ago

1.1.6

5 years ago

1.1.5

5 years ago

1.1.4

5 years ago

1.1.3

5 years ago

1.1.2

6 years ago

1.1.1

6 years ago

1.1.0

6 years ago

1.0.9

6 years ago

1.0.8

6 years ago

1.0.7

6 years ago

1.0.6

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago