EmojiPicker

This library was generated with Angular CLI version 8.2.0.

See live demo here.

This library will help you to use Unicode emojis. There are 8 categories with 1525 emojis.

Attributes

Attributes | Description -------------|-------------- @Input() emojiPickerOptions: IEmojiPickerOptions | You can add options like btnIconsearchIconcustomClassemojisPerRowemojiPickerPositiondefaultCatalogId * All are optional @Output() selectEmojiEvent: EventEmitter< string >() | Event will be fired when emoji selected

Example and Sample Code

1. Import 'EmojiPickerLibModule' in your app module

import { EmojiPickerLibModule } from "emoji-picker-lib";
  
@NgModule({
  imports:[
    ..
    EmojiPickerLibModule
    ..
  ]
})

2. Add 'emoji-picker' in your component html

<emoji-picker   [emojiPickerOptions]="emojiPickerOptions"
                (selectEmojiEvent)="selectEmoji($event)"></emoji-picker>

3. Add a method in your component class to listen for selectEmojiEvent event

selectEmoji(emoji: string): void {
  console.log(emoji);
}

4. Add styles and assets folder in your angular.json

"styles": [
  ..
  "node_modules/emoji-picker-lib/lib/assets/sass/emoji-picker.scss"
  ..
]

AND

"assets": [
  ..
  {
    "glob": "**/*",
    "input": "node_modules/emoji-picker-lib/lib/assets",
    "output": "/assets/"
  }
  ..
]