Render Emoji In React App

An emoji render for React that supports Unicode emoji characters, emoticons (such as 🙂 😡 :/) and slack-style emoji names (such as :smile:).

More features:

  • Choose between native, twemoji, emojione or custom image sets.
  • Add custom styles when text contains only emoji (to make it bigger, of course)

Installation:

# Yarn
$ yarn add react-emoji-render

# NPM
$ npm install react-emoji-render --save

Usage:

Import the component.

import Emoji from 'react-emoji-render';

The basic usage.

<Emoji text="This ❤️ sentence includes :+1: a variety of emoji types :)" />

Options.

function MyEmojiRenderer({children, ...rest}) {
  const options = {
    baseUrl: 'emoji url',
    ext: 'svg', // extension
    size: ''
  };

  return (
    <Emoji options={options} {...rest} />
  );
}

Preview:

Render Emoji In React App

Download Details:

Author: tommoor

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/tommoor/react-emoji-render

License: MIT

You Might Be Interested In:

Tags:

Add Comment