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:
; @
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