#kirito-cardelement-split
old nymph
tight karma
kirito-cardelement-split
Hey @tulip pagoda I'm going to need a looooot more details to help you with this
tulip pagoda
s
sure
At first it worked fine for me the I added AddressElment , and it stoped working even though, I remode the AddressElement i still got the probleme
my input jut turn to this
even the iban element
tight karma
I'm sorry but there is no information in this other than "nothing works".
I need real actionable details: exact code, exact calls, which doc(s) you are following, etc.
tulip pagoda
sure
tight karma
Okay, sorry, this feels like just an extract, it doesn't explain how you load Stripe.js. Also what is that setCardElementDetails where is that coming from?
Can you try and do a really basic/simple code example that purely and only has the card element first?
tulip pagoda
I will try
tight karma
Do you see any JS error in the console? Is there a way for me to try this quickly somewhere like either online or if you use https://ngrok.com
tulip pagoda
I don't know why but the problem got fixed by itself 😂 after 5 min
tight karma
lol I am a wizard, I'll take the win 😂
tulip pagoda
Do you have any doc that explain address element field?
I found this one but it does not go in detail about it https://stripe.com/docs/js/elements_object/create_address_element
tight karma
tulip pagoda
thank you so much would I be able to retrieve the data of the element and passe it to a request to create subscription instead of pay a set up intent
tight karma
yes you have callbacks with all the data
tight karma
https://stripe.com/docs/elements/address-element/collect-addresses?platform=web#web-retrieve-address it's all documented in details
tulip pagoda
Ok thanks
How can I update the appearance , I tried ``` {
style: {
base: {
iconColor: "#292b2f",
color: "#292b2f",
fontWeight: "500",
fontSize: "16px",
fontSmoothing: "antialiased",
":-webkit-autofill": {
color: "#7a818e",
},
"::placeholder": {
color: "#7a818e",
},
},
},
mode: "billing",
appearance: {
theme: "night",
},
}```
tulip pagoda
as an options for the AddressElement
tulip pagoda
Stepping in and catching up
Sure welcome
tough axle
The Appearance API does work with AddressElement. You want to refer to https://stripe.com/docs/elements/appearance-api for those customization options
tulip pagoda
well I have used this doc and the result I come with is : <AddressElement options={STRIPE_ADDRESS_ELEMENT_OPTION} />
avec ```STRIPE_ADDRESS_ELEMENT_OPTION={
style: {
base: {
iconColor: "#292b2f",
color: "#292b2f",
fontWeight: "500",
fontSize: "16px",
fontSmoothing: "antialiased",
":-webkit-autofill": {
color: "#7a818e",
},
"::placeholder": {
color: "#7a818e",
},
},
},
mode: "billing",
appearance: {
theme: "night",
},
}````
but i does not work
tough axle
Gotcha, let me check one sec
tulip pagoda
Ok, thank you
tough axle
Okay so your appearance object should be passed to your Elements Component's options
Not directly to the AddressElement component
tulip pagoda
Ok I understand (I guess) thanks
tough axle
So it should look like <Elements options={STRIPE_ADDRESS_ELEMENT_OPTION} stripe={stripePromise}>