رسید پرداخت

receiptقالب

صفحه‌ی بعد از پرداخت با تیک موفقیت و کاغذ رنگی، مبلغ، کد پیگیری کپی‌شدنی، تاریخ و ساعت شمسی، کارت و درگاه، دانلود و اشتراک‌گذاری.

پرداختموفقیتپیگیری
تمام‌صفحه

نصب

  1. با CLI

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

    $ npx vibefarsi add receipt
  2. نصب دستی

    محتوای تب «کد» را در components/templates/receipt.tsx بگذارید. پیش‌نیاز: button، badge، success-check، confetti.

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

ساخته‌شده از

استفاده

usage.tsx
1// app/receipt/page.tsx2import { PaymentReceipt } from "@/components/templates/receipt"34export default function Page() {5  return <PaymentReceipt />6}