UI Components

Available Components

The UI Components are pre-defined Compose components used to collect the Cardholder information securely without the need of raising the PCI scope for the Merchant/Integrator of the Mobile SDK

Components:

  • Card Input – collect the cardholder details securely, 3 liens of space, more spaced out component
  • Card Input Slim – collect the cardholder details securely, 1-2lines of space
  • Billing Address – collect the billing address in a form view, optional
  • SaveCardBox – a checkbox UI to determine if the cardholder information can be saved or not for later use, optional
  • SavedCards – a simple UI list that contains the Saved Cards of the current Customer, allowing the user to choose and use between them for the curreny payment session or to just use a new card.
  • Google Pay Button – A simple Google Pay button managed by us

Variants:

  • Composables
    • CardInput
    • CardInputSlim
    • BillingAddressComponent
    • GooglePayButton (Android Only)
    • SaveCardBox
    • SavedCards
  • Views
    • CardInputView
    • CardInputSlimView
    • BillingAddressView
    • GooglePayButtonView (Android Only)
    • SaveCardView
    • SavedCardsView
  • UIViewControllers
    • CardInputController
    • CardInputSlimController
    • BillingAddressController
    • SaveCardBoxController
    • SavedCardsController