BiasDocs

Components

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

PaymentForm

<PaymentForm>

Pre-built form with payment method selection (card and bank account), all required fields, a submit button, and error display.

Props

Name
compact
Type
boolean,
Name
style
Type
"tab" | "radio",
Name
variables
Type
ThemeVariables, 
import { PaymentForm } from "@biaspay/react";

<PaymentForm compact style="radio" />

CardForm

<CardForm>

Pre-built form for card payments only. Includes card number, expiry, CVC, country, postal code, submit button, and error display.

Props

Name
compact
Type
boolean, 
import { CardForm } from "@biaspay/react";

<CardForm compact />

BankAccountForm

<BankAccountForm>

Pre-built form for bank account (ACH) payments only. Includes account number, routing number, name, account type, country, postal code, submit button, and error display.

Props

Name
compact
Type
boolean, 
import { BankAccountForm } from "@biaspay/react";

<BankAccountForm />

BaseInput

<BaseInput>

Renders an iframe-hosted sensitive field. Use this to build custom form layouts.

Props

Name
type
Type
FrameFieldType, 
import { BaseInput } from "@biaspay/react";

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

CountrySelect

<CountrySelect>

Country selection dropdown. Integrates with the checkout store automatically.

import { CountrySelect } from "@biaspay/react";

<CountrySelect />

PostalCodeInput

<PostalCodeInput>

Postal code input with country-aware masking and validation. Integrates with the checkout store automatically.

import { PostalCodeInput } from "@biaspay/react";

<PostalCodeInput />

SubmitButton

<SubmitButton>

Payment submit button with loading and success state animations.

Props

Name
children
Type
ReactNode,
Name
disabled
Type
boolean,
Name
submitLabel
Type
string, 
import { SubmitButton } from "@biaspay/react";

<SubmitButton submitLabel="Pay $50.00" />

Icon

<Icon>

SVG icon renderer used internally by payment method lists.

Props

Name
src
Type
IconSource,
Name
title
Type
string,
Name
className
Type
string,
Name
style
Type
CSSProperties,

Radio

<Radio>

Radio button component used by the payment method radio list.

Props

Name
selected
Type
boolean,
Name
onSelect
Type
() => void,
Name
disabled
Type
boolean,
Name
id
Type
string,
Name
name
Type
string,

PaymentMethodRadioOption

<PaymentMethodRadioOption>

A single option in the radio-style payment method list. Use this to build a custom payment method selector.

Props

Name
label
Type
string,
Name
selected
Type
boolean,
Name
onSelect
Type
() => void,
Name
children
Type
ReactNode,
Name
icon
Type
IconSource,
Name
className
Type
string,
Name
first
Type
boolean,
Name
last
Type
boolean,