Docs
Like Button
Like Button
A dynamic button that animates on click, creating a burst of heart icons that randomly scatter before fading out.
Installation
pnpm dlx shadcn@latest add https://badtz-ui.com/r/like-button.json
Usage
import { LikeButton } from "@/components/ui/buttons/like-button";
<LikeButton>
Like
</LikeButton>
Props
LikeButton
props.
Prop | Type | Description | Default |
---|---|---|---|
children | ReactNode | The text or elements to display inside the button. | - |
className | string | Additional custom classes for styling. | - |
iconCount | number | The number of heart icons to animate when the button is clicked. | 20 |