Package Exports

reactjs-emoji-keyboard
reactjs-emoji-keyboard/dist/main.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (reactjs-emoji-keyboard) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

ReactJS Emoji Keyboard | Playground

An emoji keyboard component for ReactJS.

Installation

npm install reactjs-emoji-keyboard

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