ReactJS Emoji Keyboard | Playground

An emoji keyboard component for ReactJS.

Installation

npm install reactjs-emoji-keyboard

or

yarn add reactjs-emoji-keyboard

Usage

import { EmojiKeyboard } from "reactjs-emoji-keyboard";

function App() {
  
  return (
    <EmojiKeyboard
      height={320}
      width={350}
      theme="dark"
      searchLabel="Procurar emoji"
      searchDisabled={false}
      onEmojiSelect={(emoji) =>console.log(emoji)}          
      categoryDisabled={false}
    />
  );
}

Features

• 🌙 Dark theme
• 🎨 Customizable
• 🖱️ Customizable click handler

Props

Prop	Type	Default	Description
searchDisabled	boolean	false	Show/hide emoji search bar
categoryDisabled	boolean	false	Show/hide emoji categories
searchLabel	string	Procurar emoji	Change the emoji search input label
onEmojiSelect	function	false	Function executed when an emoji is selected
theme	"ligh", "dark"	"light"	Sets the emoji keyboard theme
width	number	320	Sets the emoji keyboard width
height	number	350	Sets the emoji keyboard height
containerStyle	style	-	Applies the style to the main keyboard container
searchStyle	style	-	Applies the style to the search container