Form Subcomponents: Payment Manager Field

The Payment Manager Field subcomponent can only be used within the Form component.

The Payment Manager Field provides a way for customers to input payment information, for example a Zuora iFrame, a Paypal button, or an Apple Pay button.. This subcomponent should always be used with the Payment Method Selector Fields subcomponent, which will capture the customer's desired payment method and drive what is displayed in the Payment Manager Field component. These 2 subcomponents should be used instead of the Payment Fields subcomponent when you want to show data in between the selector and the payment input.

You can achieve a design like this using the Payment Method Selector Field and Payment Manager Field subcomponents, with a checkbox-type Field subcomponent in between.

Props

Prop Name	Label	Type	Default Value	Description
invalidPaymentMethodMessage	Invalid payment method message	string	Oops! Something went wrong. Please wait a moment and try again.
fieldClassName	Class Name	string	""	The CSS class name for styling the field component