# ngx-emoji-mart-picker

> Customizable Slack-like emoji picker for Angular

Latest version **1.0.3** (published 2019-09-10) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install ngx-emoji-mart-picker
pnpm add ngx-emoji-mart-picker
yarn add ngx-emoji-mart-picker
bun add ngx-emoji-mart-picker
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2019-09-10 |
| First published | 2019-09-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 10.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | raphael.michl |
| Keywords | angular, emoji, picker |

## Links

- npm: https://www.npmjs.com/package/ngx-emoji-mart-picker
- Repository: https://github.com/raphaelM-sudo/ngx-emoji-mart
- Issues: https://github.com/raphaelM-sudo/ngx-emoji-mart/issues
- npm.io page: https://npm.io/package/ngx-emoji-mart-picker

## Dependencies (1)

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

## Recent versions

- 1.0.3 (latest) — 2019-09-10
- 1.0.2 — 2019-09-06
- 1.0.1 — 2019-09-05
- 1.0.0 — 2019-09-05
- 0.0.1 — 2019-09-05
- 0.0.0 — 2019-09-05

## README

# ngx-emoji-mart-picker

**This is an unmaintained fork with a few changes to the displayed emoji names of**:

GitHub: [TypeCtrl/ngx-emoji-mart](https://github.com/TypeCtrl/ngx-emoji-mart)

NPM: [@ctrl/ngx-emoji-mart](https://www.npmjs.com/package/@ctrl/ngx-emoji-mart)

The reason for this fork is to be able to use emoticons and short names of emojis within a content editable text area.
So it is possible to write e.g.
  ':)' and replace it with the proper emoji (the unicode 🙂 or any other of emoji-mart's sets)
or
<code>'\*hear-eyes\*'</code> and replace it with 😍 or any set of emojis.

This was also possible in the original, but the pre- and postfix of the displayed emojis in the preview was a colon which was interfering with emoticons e.g.

<code>':o' and ':octopus\:'</code>

or

<code>':o' and ':o)'</code>.

The new indicator for emojis is an asterisk e.g. <code>'\*octopus\*'</code>.

The skin tone indicator remains a colon.

## Changes:

### Emoji

In order to display an emoji as a button use one of the following syntaxes:

```html
<ngx-emoji [emoji]="{ id: 'santa', skin: 3 }" size="16"></ngx-emoji>
<ngx-emoji emoji="*santa*:skin-tone-3:" size="16"></ngx-emoji>
<ngx-emoji emoji="*santa*" set="emojione" size="16"></ngx-emoji>
<ngx-emoji emoji="santa" set="emojione" size="16"></ngx-emoji>
```

#### Emoji Fallback

```ts
emojiFallback = (emoji: any, props: any) => emoji ? `*${emoji.shortNames[0]}*` : props.emoji;
```

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