#jesse677_api
sonic pierBOT
đ 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
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
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
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
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
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
oh yeah sorry, I missed that
