fatsoji

fatsoji is a lightweight, customizable emoji picker for React applications. It allows users to search and select emojis, grouped by categories, with a clean and intuitive UI.

Features

• Searchable: Quickly find emojis using the search bar.
• Category-based Filtering: Browse emojis by categories.
• Hover Information: Displays emoji name and shortcode when hovered.
• Customizable Icons: Use your own category icons.
• Responsive Design: Optimized for various screen sizes.

Installation

Install the package using npm:

npm install fatsoji

Usage

Here’s how to use the EmojiPicker component in your project:

Basic Example

import React, { useState } from "react";
import { EmojiPicker } from "fatsoji";

const App = () => {
  const [selectedEmoji, setSelectedEmoji] = useState("");

  const handleEmojiSelect = (emoji: string) => {
    setSelectedEmoji(emoji);
  };

  return (
    <div>
      <h1>Emoji Picker Example</h1>
      <EmojiPicker onSelect={handleEmojiSelect} />
      <p>Selected Emoji: {selectedEmoji}</p>
    </div>
  );
};

export default App;

Props

| Prop | Type | Description | | ---------- | ------------------------- | ------------------------------------------------------ | | onSelect | (emoji: string) => void | Callback function triggered when an emoji is selected. |

License

This project is licensed under the ISC License. See the LICENSE file for more details.

Contributing

Contributions are welcome! Please open an issue or submit a pull request on GitHub.

Author

Created by [Your Name].

fatsoji