# ngx-emoji-keyboard

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

Latest version **1.0.6** (published 2020-10-23) · 0 weekly downloads

## Install

```sh
npm install ngx-emoji-keyboard
pnpm add ngx-emoji-keyboard
yarn add ngx-emoji-keyboard
bun add ngx-emoji-keyboard
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; large bundle.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.6 |
| Published | 2020-10-23 |
| First published | 2020-09-10 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 13.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | shakalya195 |

## Links

- npm: https://www.npmjs.com/package/ngx-emoji-keyboard
- npm.io page: https://npm.io/package/ngx-emoji-keyboard

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^1.9.0

## Recent versions

- 1.0.6 (latest) — 2020-10-23
- 1.0.5 — 2020-10-23
- 1.0.4 — 2020-09-25
- 1.0.3 — 2020-09-15
- 1.0.2 — 2020-09-15
- 1.0.1 — 2020-09-15
- 1.0.0 — 2020-09-15
- 0.0.2 — 2020-09-15
- 0.0.1 — 2020-09-10

## README

# 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

![alt text](https://github.com/shakalya195/ngx-emoji-keyboard/blob/master/assets/images/ngx-emoji-keyboard-1.png?raw=true)

search in emoji

![alt text](https://github.com/shakalya195/ngx-emoji-keyboard/blob/master/assets/images/ngx-emoji-keyboard-2.png?raw=true)


## 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 <img /> tag.

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

HTML file: 
```
<span [innerHTML]="emojiString | emojiView"> </span>
```

---
_Source: https://npm.io/package/ngx-emoji-keyboard · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._