Preview

Payment Method

All transactions are secure and encrypted

Enter your 16-digit number.

Billing Address

The billing address associated with your payment method

Comments

Installation

<> import.ts
import { PaymentForm } from "@/components/ui/payment-form"

Code

<> component.tsx
import { PaymentForm } from "@/components/ui/payment-form"

<PaymentForm />

API Reference

PaymentForm

Composed payment form with inputs, dropdowns, checkbox and submit.

<> import.ts
import { PaymentForm } from "@/components/ui/payment-form"

Props

PropTypeDefaultDescription
onSubmit
(data: any) => void—Form submit handler
className
string""Additional CSS classes