Emoji

EEmoji is a UI element that provides a simple interface to add emoji picker functionality to any input field in your web application. We have used EEmoji in our chat app.

Import

import EEmoji from "@components/UI/EEmoji";

Usage

const EmojiExample = () => {
  const [message, setMessage] = useState("");

  const AddEmoji = (emoji) => setMessage("You added this emoji: " + emoji)

  return (
    <EEmoji emojiPicker={AddEmoji} />
  );
};

export default EmojiExample;

Callback Functions

The EEmoji component contains following callback functions.

Function	Description
emojiPicker	Called when an emoji is selected.