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
同分类更多: 网页、设计与营销
在发布前检查博客和指南文章的智能体技能，遵循以人为本、符合Google搜索中心准则的原则，重质量而非数量。
面向Google、Bing和AI搜索的SEO智能体技能，涵盖技术审计、关键词与页面策略、流量诊断、站点迁移、修复与效果验证。
用于向免费目录提交网站并撰写SEO内容的Codex技能与工作流集合。强调检查与留痕，而非一键群发外链。
编程代理技能，可从零开始或转换PowerPoint文件来生成HTML演示文稿，以Claude Code插件形式提供。