UIPKGE/blocks/payment-form

Payment Form · UIPKGE

Credit-card checkout form with a live 3D card preview, wallet shortcut buttons (Apple Pay / Google Pay / PayPal), brand auto-detection, Luhn validation, expiry / CVC checks, and a hookable async submit. Wallet buttons call `onWallet` so the consumer wires the actual SDK; the card form calls `onSuccess` / `onError` after the consumer-provided `onSubmit` settles.

npx shadcn@latest add https://uipkge.dev/r/react/payment-form.json

Loading the source for payment-form…

payment-form

Registry Items

payment-form

Configuration

Name

payment-form

Type

Block

Description

Files · 1

Dependencies

npm packages

lucide-react

Registry items

https://uipkge.dev/r/react/payment-card.json

https://uipkge.dev/r/react/input.json

https://uipkge.dev/r/react/label.json

https://uipkge.dev/r/react/button.json