رسید پرداخت

import { PaymentReceipt } from "@kashi-ui/react";

نمونه

<PaymentReceipt status="success" amount={1250000} merchant="فروشگاه کاشی"
trackingCode="482913" referenceId="140508270123"
cardNumber="6104337712345678" date={paidAt}>
<Button variant="primary">بازگشت به فروشگاه</Button>
</PaymentReceipt>

صفحه‌ای که کاربر پس از بازگشت از درگاه بانکی می‌بیند. سه وضعیت دارد: success، pending (بانک هنوز تأیید نکرده) و failed. برای پرداخت ناموفق، در description توضیح دهید که مبلغ کسرشده کی برمی‌گردد. کارت خودکار پوشانده می‌شود و تاریخ شمسی است. ردیف‌های دیگر را با rows اضافه کنید.

دسترس‌پذیری

رسید یک section است که عنوانش نام آن است. وضعیت با آیکون، رنگ و متن عنوان بیان می‌شود، نه فقط با رنگ. دکمهٔ کپی کد پیگیری پس از کپی «کپی شد» را اعلام می‌کند.