ReactJS Emoji Keyboard | Playground

An emoji keyboard component for ReactJS.

Installation

``npm install reactjs-emoji-keyboard`

or

`yarn add reactjs-emoji-keyboard`

`Usage`

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

function App() { return ( 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

Usage

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

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

```

Props