18Switch language to العربية

Payment Method Selector

PreviousNext

A payment method radio selector with icons.

import { PaymentMethodSelector } from "@/components/atom/payment-method-selector"

export default function PaymentMethodSelectorDemo() {
  return (
    <>
      <div className="w-full max-w-md">
        <PaymentMethodSelector />
      </div>
    </>
  )
}

Installation

pnpm dlx shadcn@latest add @codebase/payment-method-selector

Usage

import { PaymentMethodSelector } from "@/components/atom/payment-method-selector"
<PaymentMethodSelector />

Examples

Two Methods

<PaymentMethodSelector methods={["card", "paypal"]} />