#mili-patel_api
tacit galeBOT
đ Welcome to your new thread!
â˛ď¸ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.
âąď¸ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always 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/1326897420784631809
đ Have more to share? Add more details, code, screenshots, videos, etc. below.
molten wedge
Hello
molten wedge
In my Stripe <PaymentElement /> can i do customise as per below Image
currently i get this in my browser
but i need same as like first image
Hello Soma if you want more details from my ends please ask me i will provide you more details for understand my issue
ruby saddle
so you want to chaneg some margins and fonts?
this is possible with the Appearance API: https://docs.stripe.com/elements/appearance-api
molten wedge
not margin and fonts iwhen my paymnetElement is loaded on my browser on that time i want to make it with same to same as this given image
how can i do
ruby saddle
not margin and fonts
so can you explain with words what exaclty you want to change?
you mean the buttons at the top "Apple Pay" and "Pay with Link"?
or you mean adding the "email" field?
or something else?
molten wedge
yes execatly and when i clcik on that button like apple pay and link pay on that time my paymnet option modal should be open which already provided by <PaymnetElements /> default but need to use that with custome Ui
ruby saddle
I don't understand your question, sorry.
do you want to display the "Apple Pay" and "Pay with Link" buttons?
if so, you need to use the Express Checkout Element: https://docs.stripe.com/elements/express-checkout-element
molten wedge
i need to like this
when i used expressCheckoutElement then i get only button
but with this button i also need option which is Card payment with email and card holder name inputs
ruby saddle
In the screenshot you shared, I see both the Express Checkout Element, and the Payment Element.
you can use both at the same time
molten wedge
okay but in paymnetElement i need this two extra as input in my <PaymentElement/>
such as
Like this format
Email
Card Number
Expire Date
Security Code
Name of Card Holder
Country
How can i do
ruby saddle
what are the two extra inputs? I don't undersand.
you mean you want to add an email input?
then just add <input type="text" /> to your HTML
molten wedge
default <PaymentElement /> is loaded like this right .?
tacit galeBOT
molten wedge
but i want that <PaymentElement /> as custom in this format which i given in image also i explain in text as below
Button for Apply Pay And Link Pay
Email
Card Number
Expiry Data Security Code
Name of card holder
Country
Need like this above formate
ruby saddle
I already explained:
Button for Apply Pay And Link Pay
use the Express Checkout Element
Card Number
Expiry Data Security Code
Name of card holder
Country
Use the Payment Element
Use <input type="text" />
molten wedge
how can i add my new input field which is Foe Email in my <PaymnetElement/> comaponent which provided by stripe
wide heath
Hey, taking over here. Let me know if there's any follow-up Qs I can answer!
molten wedge
yes i need you help
molten wedge
how can i add CSS for disply none for only this link option which is provided by <PaymnetElement/> component
hey are you there.?
i am waiting
wide heath
Yes checking...
how can i add CSS for disply none for only this link option which is provided by <PaymnetElement/> component
No you can't.
molten wedge
you mean i can not did this .?
then any other way you have then please tell me
wide heath
You want to remove Link from your Stripe Element ?
molten wedge
yes