react-emojipicker
react-emojipicker is a simple emoji picker component
Uses emojione for rendering emojis to images.
An Emoji object is returned in the following format from the picker.
image: '<img class="emojione" alt="😀" src="https://cdn.jsdelivr.net/emojione..." />' unicode: 😀 shortname: ':grinning:'
Install
npm install react-emojipicker --save
Usage basic
import Picker from 'react-emojipicker'import ReactDOM from 'react-dom'import React Component PropTypes from 'react' { console } { return <div> <Picker = /> </div> } ReactDOM
Props
onEmojiSelected
(required)
Handler returns the emoji character selected from the emoji picker.
visible
Opacity to show or hide the picker. Defaults to true
.
modal
If you want the emoji picker to be a modal.
true
will set the wrapper as position: absolute
.
Or false
, which is the default will be position: static
.
Styles
Uses styled-components 💅 for the base styling.
Development
yarn
yarn dev
Test
yarn test
Build
yarn
yarn build
Publish
npm login
npm version patch
git add -A
git push origin master
npm publish