react-credit-cards
一个React组件,在支付表单旁显示美观的信用卡预览,用户输入卡信息时实时反馈。
挑一个能复现的小 issue，用 AI 编程助手把它修好。
分享到 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-10-19
同分类更多: 网页、设计与营销
FigCraft 是一款基于 Rust 的离线界面设计与原型制作应用，可在本机创建布局、组件和矢量设计，提供类似 Figma 的工作流程。
Fork 时间 2026-10-15上次同步 2026-10-19许可证: Apache-2.0网页、设计与营销GitHub
OpenPencil 是一款开源设计编辑器，可处理 .fig 和 .pen 文件，用于借助 AI 创建设计、协作和导出代码。
在发布前检查博客和指南文章的智能体技能，遵循以人为本、符合Google搜索中心准则的原则，重质量而非数量。
面向Google、Bing和AI搜索的SEO智能体技能，涵盖技术审计、关键词与页面策略、流量诊断、站点迁移、修复与效果验证。