If you use the React Hooks API, then useElements is the recommended way to access a mounted Element. To safely pass the payment information collected by the Payment Element to the Stripe API, access the Elements instance so that you can use it with nfirmPayment. UseElements hook useElements(): Elements | null The customer’s bank, for use with FPX payments.ĭisplays installments messaging for Afterpay payments. The customer’s bank, for use with iDEAL payments. The International Bank Account Number (IBAN).

See the Payment Request Button docs.Ĭollects Australian bank account information (BSB and account number) for use with BECS Direct Debit payments. See the Payment Element docs.Ī flexible single-line input that collects all necessary card details.Īn all-in-one checkout button backed by either Apple Pay or the Payment Request API.

See the Link Authentication Element docs.Ĭollects payment details for 25+ payment methods from around the globe. See the Address Element docs.Ĭollects email addresses and allows users to log in to Link. These are the available Elements today.Ĭollects address details for 236+ regional formats. There are many different kinds of Elements, useful for collecting different kinds of payment information. Called with a reference to the underlying Element instance. Triggered when the Element is fully rendered and can accept imperative element.focus() calls. Triggered when the Element receives focus. Triggered when data exposed by this Element is changed (for example, when there is an error).įor more information, refer to the Stripe.js reference. See available options for the Payment Element or available options for individual payment method Elements. Passes through to the Element’s container.Īn object containing Element configuration options.

React tutorial