کارت بانکی

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

نمونه

<BankCard number="6104337712345678" holder="سپنتا پویا"
expiry={{ year: 1408, month: 5 }} masked />

بانک از شش رقم اول تشخیص داده می‌شود و کارت رنگ و لوگوی همان بانک را می‌گیرد. برای بانک‌های ناشناخته رنگ برند استفاده می‌شود و با --k-bankcard-color قابل تغییر است. برای کیف پول، انتخاب کارت ذخیره‌شده و صفحهٔ پرداخت مناسب است. با masked فقط شش رقم اول و چهار رقم آخر دیده می‌شود.

دسترس‌پذیری

کارت یک figure با نام کامل است، مثل «کارت بانک ملت، مختوم به ۵۶۷۸»، تا صفحه‌خوان ۱۶ رقم را جدا جدا نخواند. لوگو تزئینی است. رنگ‌ها تقریبی‌اند و رسمی نیستند.