1.0.8 • Published 6 months ago
fatsoji v1.0.8
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.