کارت خراشیدنی

نصب

1. با CLI

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

   $ npx vibefarsi add scratch-card

2. نصب دستی

   محتوای تب «کد» را در components/animations/scratch-card.tsx بگذارید.

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

استفاده

1import { ScratchCard } from "@/components/animations/scratch-card"23<ScratchCard coverText="بخراشید" onReveal={track}>4  <div className="p-6 text-center">کد تخفیف: <b dir="ltr">NOWRUZ40</b></div>5</ScratchCard>

پراپ‌ها