کاغذ رنگی

نصب

1. با CLI

   اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

   $ npx vibefarsi add confetti

2. نصب دستی

   محتوای تب «کد» را در components/animations/confetti.tsx بگذارید. کلیدفریم را هم به globals.css اضافه کنید.

   $ npm i lucide-react
   کپی کل فایلregistry json

استفاده

1import { Confetti } from "@/components/animations/confetti"23<div className="relative overflow-hidden">4  {paid && <Confetti key={paidAt} />}5  …6</div>

پراپ‌ها

نکته‌ها

• یک‌بار اجرا میشه. برای تکرار، key را عوض کنید تا دوباره mount بشه.