0.0.5 • Published 2 years ago
ng-emoji-picker-unicode v0.0.5
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);
}