angular-emoji

adds emoji support for angular projects

Installation

To install angular-emojis, you need node.js and npm.

In your project directory, just run

npm i @timofey97/angular-emoji

Usage

add package to NgModule imports:

import { AngularEmojisModule } from "@timofey97/angular-emoji";

@NgModule({
  imports: [AngularEmojisModule],
})
export class AppModule {}

Add component to your page:

<angular-emojis> </angular-emojis>

Preview

😄

Examples with different Sizes

Black Lives Matter (I acknowledge that Black people have to fight for basic rights, against systemic racism, unequal opportunities and injustice across the 🌎. I know this is wrong and I am 💔!)

  <angular-emojis [name]="'black_heart'" size="50"> </angular-emojis>
  <angular-emojis [name]="'black_medium_square'" size="50"> </angular-emojis>
  <angular-emojis [name]="'waving_black_flag'" size="50"> </angular-emojis>
  <angular-emojis [name]="'fist_1'" size="50"> </angular-emojis>
  <angular-emojis [name]="'fist_2'" size="50"> </angular-emojis>

Carona Care (Stay Safe and Healthy 🙂)

  <angular-emojis [name]="'virus'" size="50"> </angular-emojis>
  <angular-emojis [name]="'mask'" size="50"> </angular-emojis>
  <angular-emojis [name]="'sneezing_face'" size="50"> </angular-emojis>
  <angular-emojis [name]="'gloves'" size="50"> </angular-emojis>
  <angular-emojis [name]="'soap'" size="50"> </angular-emojis>

Reactions

  <angular-emojis [name]="'thinking_face'" size="20"> </angular-emojis>
  <angular-emojis [name]="'face-with-tears-of-joy'" size="30"> </angular-emojis>
  <angular-emojis [name]="'wink'" size="40"> </angular-emojis>
  <angular-emojis [name]="'sunglasses'" size="50"> </angular-emojis>
  <angular-emojis [name]="'smiley'" size="60"> </angular-emojis>

Food

 <angular-emojis [name]="'taco'" size="20"> </angular-emojis>
  <angular-emojis [name]="'fries'" size="30"> </angular-emojis>
  <angular-emojis [name]="'burger'" size="40"> </angular-emojis>
  <angular-emojis [name]="'burrito'" size="50"> </angular-emojis>
  <angular-emojis [name]="'pizza'" size="60"> </angular-emojis>

Bright Sky

 <angular-emojis [name]="'sun_with_face'" size="30"> </angular-emojis>
  <angular-emojis [name]="'full_moon_with_face'" size="20"> </angular-emojis>
  <angular-emojis [name]="'first_quarter_moon_with_face'" size="40"> </angular-emojis>
  <angular-emojis [name]="'star'" size="50"> </angular-emojis>
  <angular-emojis [name]="'star2'" size="60"> </angular-emojis>

Hand gestures

 <angular-emojis [name]="'thumbsdown'" size="20"> </angular-emojis>
  <angular-emojis [name]="'wave'" size="30"> </angular-emojis>
  <angular-emojis [name]="'crossed_fingers'" size="40"> </angular-emojis>
  <angular-emojis [name]="'thumbsup'" size="50"> </angular-emojis>
  <angular-emojis [name]="'ok_hand'" size="60"> </angular-emojis>

Full list of emojis with name.

Emoji list come from js-emoji (🙏). You can get a JSON file with all emoji here: https://raw.githubusercontent.com/saqy/angular-packages/master/projects/angular-emojis/src/lib/emoji.json

License

MIT