See the code behind this demo!

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


> Ready ...



Experiment and learn

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

Any questions?

Reach out to us on any of our contact channels: