react-emoji-selector v1.0.4

react-emoji-selector

A React tool to select Emojis.

Demo

Live demo

Quick Start

Installation

Install react-emoji-selector using npm

npm install --save react-emoji-selector

Usage

Import the component and stylesheet:

import ReactEmojiSelector from 'react-emoji-selector'
import 'react-emoji-selector/lib/react-emoji-selector.css'

Use the component:

class MyComponent extends React.Component {

  selectEmoji(emoji) {
    this.setState({emoji}) // {emoji: "🚀", key: "rocket"}
  }

  render() {
    return (
      <ReactEmojiSelector
                visibleAmount={10}
                searchPlaceholder='Search emoji'
                onSelect={(emoji) => this.selectEmoji(emoji)}/>
    )
  }
}

Props

Component props: