Welcome to React Emojis! This guide will help you get started with the installation process and provide a step-by-step walkthrough on how to use React Emojis in your React projects.
npm i @souhaildev/reactemojisWith the installation and setup completed, you are now ready to use the React Emojis package. Simply import the package into your React project:
import ReactEmojis from "@souhaildev/reactemojis";Add expressive emojis to your project effortlessly. Use the following code to include an emoji in your React component:
<ReactEmojis emoji='😍' />| Prop | Required | Type | Description |
|---|---|---|---|
| emoji | Required | emoji | Paste the emoji you want to use.Click here to see the list of supported emojis. |
| emojiStyle | Optional | string | Choose from values 1, 2, 3 to determine the style of emoji variation. |
| style | Optional | JSON | Add CSS styles. |
| className | Optional | string | Add a classname for further customization. |
For TypeScript support and a handy list of emojis, simply invoke IntelliSense completion in Visual Studio Code by pressing CTRL + Space. This will provide you with a convenient list of available emojis to choose from.
:::
For additional details and advanced features, refer to our comprehensive documentation. Happy coding! 🚀