Payment Element and the appearance API with React Stripe.js

Change the appearance of the Payment Element to more closely match your sites design.

Using the appearance API you can easily change the Payment Element styling. This also works with React Stripe.js.

Use the following test card to see the 3DS challenge modal appear. You can then authorize or fail the test card payment. 4000 0000 0000 3220

Console

Experiment and learn

Make copies, remix, change and learn how to play with this tinydemo.

• Read the code behind this tinydemo
• Make your own copy of this tinydemo
• See a list of all tinydemos
• Watch a tutorial on setting up the environment variables

Any questions?

Reach out to us on any of our contact channels:

• https://support.stripe.com/email
• https://stripe.com/go/developer-chat
• https://twitter.com/StripeDev