ReactJS Emoji Keyboard | Playground

An emoji keyboard component for ReactJS.

Novo Projeto (10)

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

GitHub

View Github