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
PropTypeDefaultDescriptionsearchDisabledbooleanfalseShow/hide emoji search barcategoryDisabledbooleanfalseShow/hide emoji categoriessearchLabelstringProcurar emojiChange the emoji search input labelonEmojiSelectfunctionfalseFunction executed when an emoji is selectedthemeโlighโ, โdarkโโlightโSets the emoji keyboard themewidthnumber320Sets the emoji keyboard widthheightnumber350Sets the emoji keyboard heightcontainerStylestyleโApplies the style to the main keyboard containersearchStylestyleโApplies the style to the search container