Skip to main content

How to add styles ?

Solution 1: CSS Style Prop​

To apply CSS styles to the emoji, use the style prop and include your CSS code. Here's an example:

<ReactEmojis emoji="☹️" style={{ border: '2px solid black' }} />

Customize the CSS properties within the style prop to achieve the desired look for your emoji.

Solution 2: Tailwind Classname​

Alternatively, you can utilize Tailwind CSS classes to style the emoji. Apply the class using the className prop. Example:

<ReactEmojis emoji="☹️" className="border-2 border-black" />

This provides a quick and efficient way to style your emoji using Tailwind CSS classes. Choose the solution that best fits your styling preferences.