ProductFeaturesDocs
Built InUI ComponentsAdmin ConsoleDatabaseBackendStorageAIRAGAuthSecurity
CompanyStoryAboutPricingBlogRoadmap
Install FLIN

CheckoutForm

A checkout container with a header icon and body area for form fields.

Default

Empty checkout form showing the branded header and container.

Checkout

With Form Fields

Complete checkout form with billing information and payment fields.

Checkout

Shipping Details

Checkout form focused on collecting shipping address information.

Checkout

Secure Payment

Payment-focused checkout with card details and security badge.

Checkout

Usage

<CheckoutForm /><CheckoutForm> <Input label="Full Name" placeholder="John Doe" /> <Input label="Email" placeholder="[email protected]" /> <Input label="Card Number" placeholder="4242 4242 4242 4242" /> <Button>Pay Now</Button></CheckoutForm>

Props

PropTypeDefaultDescription
childrencontent-Form fields and action buttons