Component Architecture Explorer — Android - Primer

Explore the Android Checkout Compose component hierarchy interactively. Click on any composable to see its parameters, available states, and copyable Kotlin code examples.

Key State Types

PrimerCheckoutState

State	Description
`Loading`	Checkout is initializing
`Ready`	Payment methods available (contains `clientSession`)
`Success`	Payment completed (contains `checkoutData`)
`Failure`	Payment failed (contains `error`)

PrimerCardFormController.State

Property	Type	Description
`cardFields`	`CardFields`	Card field values and validation
`billingFields`	`BillingFields`	Billing address field values
`fieldErrors`	`List<SyncValidationError>?`	Validation errors (each with `inputElementType`, `errorId`, `fieldId`, `errorResId`)
`data`	`CardFormData`	Aggregated form data
`isLoading`	`Boolean`	Whether form is processing
`isFormValid`	`Boolean`	Whether all required fields are valid
`networkSelection`	`NetworkSelection`	Co-badged card network info

NetworkSelection

Property	Type	Description
`selectedNetwork`	`CardNetwork?`	Currently selected network
`availableNetworks`	`List<CardNetwork>`	Available networks for this card
`isNetworkSelectable`	`Boolean`	Whether user can choose network

Card Form Layout Builder — Interactive card form builder
Design Tokens Explorer — Android theme token explorer

iOS Card Form Layout Builder

⌘I