Microsoft 3D Emoji Picker

Microsoft 3D Emoji Picker is an emoji picker.
This's made using the 3D version of Microsoft Fluent Emoji.

When you select an emoji, you can access its image icon.

📕Installation

1. Install package

npm install ms-3d-emoji-picker

2. 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.

📘Lisence

This is a emoji picker of Microsoft Fluent Emoji.

Third party License

This project makes use of the following open-source software.

Fluent Emoji

• Link：GitHub
• License：MIT License
• Lisence Text： LICENSE