PlaidLink

Component for connecting bank accounts using Plaid integration.

Usage

Primary Variant

import { PlaidLink } from "@/components/bank/plaid-link"

export default function ConnectBank() {
  return (
    <PlaidLink
      user={user}
      variant="primary" // or "ghost" | "add" | "default"
    />
  )
}

Props

user

User object containing profile information.

Type: {firstName: string; lastName: string; email: string}

variant

Visual style variant of the button.

Features

Plaid Integration

Seamless integration with Plaid Link for secure bank account connections.

Token Management

Automatic handling of link tokens and public token exchange.

Visual Variants

Multiple button styles to fit different UI contexts.

Client Navigation

Automatic redirection to dashboard after successful connection.