React Facebook Emoji

Easy to use facebook animated Emojis

See it in action

demo

How to use it

Install the npm package

$ npm i --save react-facebook-emoji

Use it in your component

import React from 'react';
import FacebookEmoji from 'react-facebook-emoji';

export const sampleComponent = () => (
    <FacebookEmoji />
);

Preview

Property | Values | Default Value -------- | ------ | ------------- type | like, love, yay, wow, angry, haha, sad | like size | xxs, xs, sm, md, lg, xl, xxl, xxl | md

Using different types

import React from 'react';
import FacebookEmoji from 'react-facebook-emoji';

export const sampleComponent = () => (
    <div>
        <FacebookEmoji type="like"/>
        <FacebookEmoji type="love"/>
        <FacebookEmoji type="wow"/>
        <FacebookEmoji type="yay"/>
        <FacebookEmoji type="angry"/>
        <FacebookEmoji type="haha"/>
        <FacebookEmoji type="sad"/>
    </div>
);

Preview

Using different sizes

import React from 'react';
import FacebookEmoji from 'react-facebook-emoji';

export const sampleComponent = () => (
    <div>
        <FacebookEmoji type="like" size="xxs"/>
        <FacebookEmoji type="like" size="xs"/>
        <FacebookEmoji type="like" size="sm"/>
        <FacebookEmoji type="like" size="md"/>
        <FacebookEmoji type="like" size="lg"/>
        <FacebookEmoji type="like" size="xl"/>
        <FacebookEmoji type="like" size="xxl"/>
        <FacebookEmoji type="like" size="xxxl"/>
    </div>
);

Preview

Please feel free to contact if you have any problem while using this package, I always like to help and solve the problems of other people.

Email: [email protected] Website: asfand-dev.github.io