angular-emojis
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.0 • Public • Published

    angular-emojis

    adds emoji support for angular projects

    Installation

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

    In your project directory, just run

    npm install --save angular-emojis

    Usage

    add package to NgModule imports:

    import { AngularEmojisModule } from 'angular-emojis';
     
    @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>

    node-emoji example

    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>

    node-emoji example

    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>

    node-emoji example

    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>

    node-emoji example

    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>

    node-emoji example

    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>

    node-emoji example

    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

    Install

    npm i angular-emojis

    DownloadsWeekly Downloads

    257

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    584 kB

    Total Files

    28

    Last publish

    Collaborators

    • saqy