leovenbag | Stripe Developers | Page 1

willow ospreyBOT Dec 5, 2022, 6:34 PM

#

tall zodiac Dec 5, 2022, 6:35 PM

#

Hi there

#

You really should not build your own Components as that opens you up to PCI Compliance requirements.

#

If you handle card details yourself you will be responsible for an SAQ D: https://stripe.com/docs/security/guide

#

What Element are you looking at using specifically?

#

Have you looked at using Payment Element with the Appearance API?

#

This has a night theme for instance

#

https://stripe.com/docs/elements/appearance-api

tight patio Dec 5, 2022, 6:37 PM

#

Oh I see! These two from @stripe/react-stripe-js

tall zodiac Dec 5, 2022, 6:38 PM

#

Ah yeah so with CardElement you won't be able to use the Appearance API

#

And styling is a bit more limited

tight patio Dec 5, 2022, 6:38 PM

#

Does it work with React?

#

My goal is to allow the user to subscribe to a month or yearly plan... is there another component I should be looking at instead of these two?

tall zodiac Dec 5, 2022, 6:41 PM

#

Yep it works with React

#

Payment Element is the recommended integration route

#

See: https://stripe.com/docs/billing/subscriptions/build-subscriptions?ui=elements

#

Hmm that guide doesn't have React snippets actually

#

But it does work with React

#

You can see https://stripe.com/docs/payments/quickstart for instance for what a code sample with React would look like

#

You will just want to create a Subscription instead of a PaymentIntent and then pass the latest_invoice.payment_intent.client_secret to your frontend

tight patio Dec 5, 2022, 6:45 PM

#

So the PaymentElement is the one I should use?

tall zodiac Dec 5, 2022, 6:46 PM

#

Yep

tight patio Dec 5, 2022, 6:46 PM

#

Awesome, will try. Thank you very much sir!

#leovenbag