Description:
An emoji render for React that supports Unicode emoji characters, emoticons (such as :) :x :/) 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:
