Payment Transfer Form

Form component for initiating bank transfers with validation.

Usage

Select the bank account you want to transfer funds from

Please provide any additional information or instructions related to the transfer

Bank account details

Enter the bank account details of the recipient

1
2
3
4
5
import { PaymentTransferForm } from "@/components/bank/payment-transfer-form"

export default function TransferPage() {
  return <PaymentTransferForm accounts={accounts} />
}

Props

accounts

Array of bank accounts available for transfers.

Type: Account[]

Features

Form Validation

Comprehensive form validation using Zod schema validation.

Loading States

Visual loading states during form submission with animated indicators.

Bank Integration

Integration with Dwolla for processing bank transfers.

Transaction Creation

Automatically creates transaction records for successful transfers.