Components

Solid components for pre-built forms, individual fields, and payment controls.

Component	Description
`PaymentForm`	Full payment form with payment method selection, submit button, and errors.
`CardForm`	Card-only fields. Pair with `SubmitButton` when used directly.
`BankAccountForm`	Bank account-only fields. Pair with `SubmitButton` when used directly.
`BaseInput`	Iframe-hosted sensitive field for custom layouts.
`CountrySelect`	Country selection field.
`PostalCodeInput`	Country-aware postal code field.
`SubmitButton`	Payment submit button with loading and success states.
`PaymentMethodRadioOption`	Option component for custom payment method selectors.
`Radio`	Radio control used by payment method options.
`Icon`	SVG icon renderer used by payment method controls.

PaymentForm

Name

compact

Type

boolean,

Name

style

Type

"tab" | "radio",

Name

variables

Type

ThemeVariables,

import { PaymentForm } from "@biaspay/solid";

<PaymentForm compact style="radio" />

BaseInput renders one iframe-hosted sensitive field.

import { BaseInput } from "@biaspay/solid";

<BaseInput type="cardNumber" />
<BaseInput type="cardExpiry" />
<BaseInput type="cardCvc" />

Allowed type values:

type FrameFieldType =
    | "cardNumber"
    | "cardExpiry"
    | "cardCvc"
    | "bankAccountNumber"
    | "bankRoutingNumber";