payment-junyoung

React Payments 💳

💻 DEMO

https://user-images.githubusercontent.com/100929485/233313677-ca8fad00-bded-4492-9d81-21d3daba5f1a.mov

⚙️ 기능

• 가상 키보드
• Form 유효성 검사
• Layout 수정가능 (CSS)
• Form AutoFocusing
• 카드 번호에 따라 변경되는 Card UI
• 결제 페이지 (등록된 카드에 맞게 유효성 체크)

⚡ 사용방법

$ npm i react-payment-junyoungapp
$ yarn add react-payment-junyoungapp

import { PaymentApp } from 'react-payment-junyoungapp';
function App(){
    return (
        <div>
            <PaymentApp/>
        </div>
    )
}

📚 스토리북

• https://64465f8bbce72a66f7c2875a-molpqwtvyn.chromatic.com/?path=/story/domain-companylistmodal--default