Emoji Button
Beautifully designed Emoji Button component with Tailwind CSS and Framer Motion. Copy, paste, and customize to enhance your web projects effortlessly.
Button Tailwind CSS Framer Motion Emoji
Installation
Run the following command:
npx gopx-webui add emoji-buttonProps
| Prop | Type | Required | Description |
|---|---|---|---|
icon | React.ReactNode | Yes | The icon to be displayed within the bubble effect. |
children | ReactNode | Yes | The text or content to be displayed on the button. |
emergingInterval | number | Yes | The time interval (in milliseconds) between the creation of new bubbles when the button is hovered. |
color | string | Yes | The color of the button and bubbles, specified as a valid CSS color string. |