import React from 'react' import ReactDOM from 'react-dom' import { Picker, Emoji } from '../src' const CUSTOM_EMOJIS = [ { name: 'Octocat', short_names: ['octocat'], keywords: ['github'], imageUrl: 'https://assets-cdn.github.com/images/icons/emoji/octocat.png?v7' }, { name: 'Squirrel', short_names: ['shipit', 'squirrel'], keywords: ['github'], imageUrl: 'https://assets-cdn.github.com/images/icons/emoji/shipit.png?v7' } ] class Example extends React.Component { constructor(props) { super(props) this.state = { emojiSize: 24, perLine: 9, skin: 1, native: false, set: 'apple', hidden: false, } } handleInput(e) { var { currentTarget } = e, { value, type, checked } = currentTarget, key = currentTarget.getAttribute('data-key'), state = {} if (type == 'checkbox') { state[key] = checked } else { state[key] = parseInt(value) } this.setState(state) } render() { return
{!this.state.hidden &&import {Picker}from 'emoji-mart'
< Picker
emojiSize= {{this.state.emojiSize} }
perLine= {{this.state.perLine} } {this.state.perLine < 10 ? ' ' : ' '}
skin= {{this.state.skin} }
native= {{this.state.native ? 'true' : 'false'} }{this.state.native ? ' ' : ''}
set= '{this.state.set}'
custom= {{'[…]'} }
onClick= {(emoji ) => console.log(emoji )}/>
import {Emoji}from 'emoji-mart'
< Emoji
emoji= 'thumbsup'
size= {{64} }/>
< Emoji
emoji= ':thumbsup:'
size= {{64} }/>
< Emoji
emoji= ':thumbsup::skin-tone-3:'
size= {{64} }/>
< Emoji
emoji= ':thumbsup::skin-tone-3:'
size= {{64} }
native= {{'true'} }/>