A tiny ES6 library to use emojis in React
npm install react-emojifyA tiny ES6 library to use emojis in React
- Converts :shortnames:, unicode and ASCII smileys
- Copy-paste friendly
- Use it as a library or mixin
- No dangerouslySetInnerHTML
- Inline styles
- Sprite mode (the only supported mode for now)
- Configurable styles and options
- Fast!
``javascript`
npm install --save react-emojione
`bash`clone repo and then
npm install
npm run dev-serveropen http://localhost:8080/
`javascript
import {emojify} from 'react-emojione';
ReactDOM.render(
Advanced
`javascript
import {emojify} from 'react-emojione';const options = {
convertShortnames: true,
convertUnicode: true,
convertAscii: true,
styles: {
backgroundImage: 'url(emojione.sprites.png)',
width: '32px',
height: '32px',
margin: '4px'
},
// this click handler will be set on every emoji
handleClick: event => alert(event.target.title)
};
ReactDOM.render(
{emojify('Easy! :wink: 😸 :D ^__^', options)}
,
document.body
);
``MIT