Ms-3d-emoji-picker NPM

📕Installation

Install package

npm install ms-3d-emoji-picker

Add imports for Picker and EmojiType, and use the Picker component.

import { Picker, EmojiType } from 'ms-3d-emoji-picker';

export const EmojiPicker = () => {
  return (
    <Picker
      isOpen={true}
      handleEmojiSelect={(selectedEmoji: EmojiType) => console.log(selectedEmoji)}
    />
  );
};

With this, you can use the emoji picker right away!

📗Example

import { Picker, EmojiType } from 'ms-3d-emoji-picker';

function App() {
  return (
    <main>
      <Picker
        isOpen={true}
        handleEmojiSelect={(selectedEmoji: EmojiType) => console.log(selectedEmoji)}
      />
    </main>
  );
}

export default App;

selectedEmoji's data example

{
    url: "https://cdn.emoji.yajihum.dev/smileys/1.png",
    category: "smileys",
    name: "1",
    extension: "png"
}

Options/Props

Option	Default	Description
isOpen	`false`	Whether a picker should open
handleEmojiSelect	`{}`	Callback when an emoji is selected

📙Attention

Strictly speaking, it's not an 'emoji picker' per se, but rather a picker for obtaining emoji icons.
Therefore, it cannot be used as Unicode characters, like text.
Do not use not on Node.js.