ng-emoji-picker-unicode

EmojiPicker

This library was generated with Angular CLI version 13.3.0.

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

Attributes

Attributes	Description
@Input() customClass: string	You can add custom class to customize plugin
@Input() btnIcon: string	You can add custom icon to button, from where emoji picker will open default icon -
@Input() searchIcon: string	You can add custom search icon to search input default icon -
@Input() emojisPerRow: string	You can add number to indicate how many emojis will be in one row defatuls is 9
@Output() selectEmojiEvent: EventEmitter< string >()	Event will be fired when emoji selected

Example and Sample Code

1. Import 'EmojiPickerModule' in your app module

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

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

<lib-emoji-picker   [data]="emojiData"
                    [customClass]="'customClass'"
                    [emojisPerRow]="7"
                    [btnIcon]="'fas fa-smile'"
                    [searchIcon]="'fas fa-search'"
                    (selectEmojiEvent)="selectEmoji($event)"></lib-emoji-picker>

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

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