#rpardela
quick sun
stoic flame
hi! Montserrat is a Google Font right? you need to make sure it's being included in https://stripe.com/docs/js/elements_object/create#stripe_elements-options-fonts so that Elements can use it
this is a similar example that loads an external font : https://jsfiddle.net/v3nkman/yve5ou8s/9/
another example here : https://jsfiddle.net/u2hkd8mf/
zinc mica
Thank you. It worked.
And if I wanted to change the appearance of the Input controls to what the default is in MUI/React, how do I go about it?
stoic flame
not sure what you mean, could you elaborate?
zinc mica
Of course.
I would like to change the appearance of the fields on the form to what I currently have in my application.
Attached is an image where you can see the difference in the appearance of these fields.
I would like to customize the appearance of your controls.
stoic flame
customise in what way exactly? as we discussed, it's possible to change the font for example, and there are other parameters in that style object that can be used
zinc mica
The idea is to change the appearance of the field. As you can see in the attached image, the fields above billing data look different than the ones below. I want to change the ones below to look like the ones above.
stoic flame
there's no single answer I can give you really
you can customise the Element in many ways using the options in the style object(https://stripe.dev/elements-examples/ for inspiration), it's up to you to pass parameters that will customise it look the way that you would like and that match your existing app's look, I really can't give you a generic answer
note that the Element does not get influenced by CSS on your page(the input is an iframe to a secure Stripe domain so it can't see your page's CSS) so all styling has to be done with that Javascript API
zinc mica
I understand. I forgot that it is an iframe.
Thank you for your reply