emoji-mart-picker
Version:
emoji picker based on emoji-mart
45 lines (31 loc) • 1.24 kB
Markdown
# emoji-mart-picker [![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Dependency Status][daviddm-image]][daviddm-url]
> emoji picker based on emoji-mart (https://github.com/missive/emoji-mart/)
## Installation
```sh
$ npm install --save emoji-mart-picker
```
## Usage
Put the React component that you want to trigger the picker to open in `EmojiMartPicker`'s children. `EmojiMartPicker` will automatically open when children is `onClick`.
```js
var emojiMartPicker = require('emoji-mart-picker');
function onChange(emoji) {
console.log(emoji);
}
ReactDOM.render(
<EmojiMartPicker onChange={onChange}>
<button>click me</button>
</EmojiMartPicker>
, document.getElementById('root'));
```
## Start example server
```
npm start
```
## License
MIT © [Canner](http://github.com/canner)
[npm-image]: https://badge.fury.io/js/emoji-mart-picker.svg
[npm-url]: https://npmjs.org/package/emoji-mart-picker
[travis-image]: https://travis-ci.org/Canner/emoji-mart-picker.svg?branch=master
[travis-url]: https://travis-ci.org/Canner/emoji-mart-picker
[daviddm-image]: https://david-dm.org/Canner/emoji-mart-picker.svg?theme=shields.io
[daviddm-url]: https://david-dm.org/Canner/emoji-mart-picker