An emoji keyboard component for ReactJS.
npm install reactjs-emoji-keyboardAn emoji keyboard component for ReactJS.
```
npm install reactjs-emoji-keyboard
or
``
yarn add reactjs-emoji-keyboard
`jsx
import { EmojiKeyboard } from "reactjs-emoji-keyboard";
function App() {
return (
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