#gazi_code
1 messages ยท Page 1 of 1 (latest)
๐ 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/1427915731890081864
๐ Have more to share? Add more details, code, screenshots, videos, etc. below.
Hi! Looking into your query.
if there is a way to style stripe payment element content loader or change its behaviour, as content loader shows that there will be other payment elements above the regular card input, so component kind of jumps when loaded without other payment elements above
Are you referring to theloaderparameter here: https://docs.stripe.com/js/elements_object/create#stripe_elements-options-loader? Do you have a screenshot / screen recording of what you mean by this?
Also, is it possible to add something to the elements label, for example asterisk(*)?
Can you elaborate more on what do you mean by this?
I am using PaymentElement from @stripe/react-stripe-js. I am sending the screenshots explaining the issues below.
These two do not match. Can I make skeleton loaders look like the form that will be displayed?
Can I add asterisk to the labels next to the elements?
๐ Hey, taking over here, just taking a look
Hi, so there's no way to change any styling on the loader, but what you could do is set loader to never, which will opt out of our loader, and then build your own in whatever way you like, which you could then hide on the ready event: https://docs.stripe.com/js/element/events/on_ready
With regard to the asterisk beside the labels, this isn't possible, there's no way to change the labels
Yeah I thought so. Thank you for your help!