ReactJS Emoji Keyboard | Playground
An emoji keyboard component for ReactJS.
npm install reactjs-emoji-keyboard or
yarn add reactjs-emoji-keyboard 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} /> ); }- 🌙 Dark theme
- 🎨 Customizable
- 🖱️ Customizable click handler
| 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 |