A dynamic button that animates on click, creating a burst of heart icons that randomly scatter before fading out.
import { LikeButton } from "@/components/ui/like-button"
export function LikeButtonDemo() {
return (
<div className="flex items-center justify-center">
<LikeButton>Like</LikeButton>
</div>
)
}
pnpm dlx shadcn@latest add https://badtz-ui.com/r/like-button.json
import { LikeButton } from "@/components/ui/buttons/like-button";<LikeButton>
Like
</LikeButton>LikeButton props.
| Prop | Type | Default |
|---|---|---|
children? | ReactNode | - |
className? | string | - |
iconCount? | number | 20 |
On This Page