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