Sean - React Theme | Stripe Developers | Page 1

silent lion Jun 30, 2022, 5:46 PM

#

Hi 👋

#

The React library is a React-ish wrapper around Stripe.js methods and properties. Can you explain what part of the Appearance API is not clear to you?

blazing jetty Jun 30, 2022, 5:50 PM

#

hi @silent lion thanks for the help. how would I inject my styling into the PaymentElement component? what I tried -- that code snippet I shared -- doesn't work

#

the docs show that without the react wrapper, to use custom styling is:

stripe.elements({clientSecret, appearance})

i'm not sure how to translate that to the react component though

#

or should I go a level up and try to pass the option into the parent Element?

<Elements stripe={stripePromise} options={options}>
    ...
</Elements>

silent lion Jun 30, 2022, 5:53 PM

#

Yup, we show that in Step 4 here:
https://stripe.com/docs/payments/accept-a-payment?html-or-react=react

#

Specifically this spot: https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements#set-up-stripe.js

blazing jetty Jun 30, 2022, 5:57 PM

#

@silent lion that did the trick! thank you so much for your help

#Sean - React Theme