Like Button

An animated like button component with particle effects.

like-button-demo.tsx

import LikeButton from "@/components/ui/like-button/like-button";

export default function LikeButtonDemo() {
  return (
    <div>
      <LikeButton />
    </div>
  );
}

Installation

npx shadcn@latest add https://roiui.com/r/like-button.json

Anatomy

anatomy

import { LikeButton } from '../ui/like-button'

<LikeButton />

Props

Prop	Type	Default
`isPlaying`	`boolean`	`false`
`onClick`	`() => void`	-
`className`	`string`	-