jesse677_api | Stripe Developers | Page 1

sonic pierBOT May 31, 2024, 7:36 PM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! We typically respond in a few minutes, but in some cases we might need a bit more time (e.g., server's busy, you've got a complex question, etc.).

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1246185591180361769

📝 Have more to share? Add details, code, screenshots, videos, etc. below.

midnight garnet May 31, 2024, 7:41 PM

#

Hi, you're on the right document. I see an example of the Appearance API used on this quickstart: https://docs.stripe.com/payments/quickstart?client=next.

#

I think you might be looking for

const appearance = {
theme: 'stripe',
variables: {
colorPrimary: '#',
colorBackground: '#',
colorText: '#',
fontSizeBase: '#'
},
};

#

Can you try using fontSizeBase?

surreal grove May 31, 2024, 7:43 PM

#

I saw this, but didn't know how to implement this in Next JS

#

I'll show you the code of my current implementation

midnight garnet May 31, 2024, 7:43 PM

#

You can look at the example code here: https://docs.stripe.com/payments/quickstart?client=next

#

Specifically, you'd want to looks at '(Optional) Style the Payment Element' section

surreal grove May 31, 2024, 7:44 PM

#

I see, it's because I'm currently using the embedded checkout component.

<EmbeddedCheckoutProvider stripe={stripe} options={options}>
  <EmbeddedCheckout />
</EmbeddedCheckoutProvider>

#

and I don't think you can past an appearance in the options, when you do it this way

midnight garnet May 31, 2024, 7:45 PM

#

Ah sorry, yeah that appearance API is for our Elements

#

You can customize some of the branding on the Checkout: https://docs.stripe.com/checkout/embedded/quickstart?locale=en-GB&client=next#customize-toggle

surreal grove May 31, 2024, 7:46 PM

#

oh yeah sorry, I missed that

#jesse677_api