react-credit-cards

一个React组件,在支付表单旁显示美观的信用卡预览,用户输入卡信息时实时反馈。

分享到 X许可证: MIT

概述

react-credit-cards 是一个 React 组件,在支付表单旁绘制一张带样式的信用卡。用户输入姓名、卡号、有效期和 CVC 时,卡片预览会随之更新,并可显示当前获得焦点的字段,提供即时的视觉反馈。它支持 Payment 库涵盖的发卡组织,另外加上 Hipercard。通过 npm 安装,引入 SCSS 或编译后的 CSS 即可使用。

主要特点

  • 输入时卡片预览实时更新
  • 高亮当前获得焦点的字段
  • 支持 Payment 库的发卡组织和 Hipercard
  • 样式提供 SCSS 和编译后的 CSS

适用场景

适合想在结账表单中加入清晰卡片预览的 React 开发者。它只负责展示,不处理支付。

上游仓库
amaroteam/react-credit-cards
GitHub 上的 fork
Guo-astro/react-credit-cards
上游 Star 数
2.6k
分类
网页、设计与营销
编程语言
SCSS
许可证
MIT
Fork 时间
2018-09-15
同步状态
已同步上次同步 2026-09-29