angular2-emoji-picker

Emoji picker for Angular

This project was forked from the EmojiPanel project created by DanBovey

It's pretty basic right now, not very customizable but propagates necessary emoji selection events and comes with basic search and category selection functionalities.

Demo

###Usage:

import { EmojiPickerModule } from 'angular-emoji-picker';

@NgModule({
  ...
  imports: [
    EmojiPickerModule.forRoot()
  ],
  ...
})
export class AppModule {}

###Directive API:

<i
    (click)="toggled = !toggled"
    [(emojiPickerIf)]="toggled"
    [emojiPickerPosition]="'bottom' || 'top' || 'left' || 'right'"
    (emojiPickerSelect)="handleSelection($event)">😄</i>

Emitter (emojiPickerSelect)="handleSelection($event)"

$event = ["😌", "relieved"]

Emitter (emojiPickerCaretEmitter)="handleCaretChange($event)"

$event = { caretOffset: 13, caretRange: Range{...} }

Emoji Picker will get placed relative the element chosen via the directive api, centered and within window borders

Changelog

1.1.0 (2017-04-19)

Design

• picker: various design changes implemented, smaller emoji picker, more efficient use of area.

Features

• [emojiPickerDirection]: choose from 'top', 'bottom', 'left' and 'right' as possible pop up directions
• picker: emoji picker is now flexible to window resizing, position will be recalculated with a short debounce for light resources

BREAKING CHANGES

• EmojiPickerAnchor directive: removed unnecessary directive, implemented through attribute emojiPickerIf (just drop [emojiPickerAnchor] and make sure [(emojiPickerIf)] is used in your emoji picker button element)
• EmojiPickerPosition directive: (emojiPickerPositionEmitter) renamed to (emojiPickerCaretEmitter) if you relied on this event emitter directive for any reason, make sure to rename your usage accordingly.