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のフォーク
Guo-astro/react-credit-cards
アップストリームのスター数
2.6k
カテゴリ
Web・デザイン・マーケティング
言語
SCSS
ライセンス
MIT
フォーク日
2018-09-15
同期状態
同期済み最終同期 2026-09-29

同じカテゴリ: Web・デザイン・マーケティング