ngx-emoji-keyboard v1.0.6

ngx-emoji-keyboard

DEMO: https://stackblitz.com/edit/emoji-keyboard

GITHUB: https://github.com/shakalya195/ngx-emoji-keyboard

Import NgxEmojiModule in app.module.ts

import { NgxEmojiModule } from 'ngx-emoji-keyboard';

@NgModule({
    imports:[ 
        ...
        NgxEmojiModule
    ]
})

ngx-emoji-keyboard is an library for emoji keyboard like https://web.whatsapp.com

search in emoji

Component: app-emoji-keyboard

<app-emoji-keyboard (selectEmojiEvent)="selectEmojiFunction($event)"></app-emoji-keyboard>

Event:selectEmojiEvent

this event will be fired onClick on any emoji. the object is given below.

{
    name: 'Beating Heart',
    unified: '1F493',
    keywords: [
        'love',
        'like',
        'affection',
        'valentines',
        'pink',
        'heart'
    ],
    sheet: [24, 45],
    shortName: 'heartbeat'
}

Pipe: emojiView

its also equipped with an angular pipe 'emojiView' to display emoji native (♥️) icons to html tag.

TS file: let emojiString="I ♥️ you";

HTML file:

<span [innerHTML]="emojiString | emojiView"> </span>