Filip-UI | Stripe Developers | Page 1

runic sapphire Mar 28, 2022, 9:49 AM

#

cunning geode Mar 28, 2022, 10:02 AM

#

it's somewhat supported yes, you can use the separate CardNumberElement and CardExpiry Element and arrange them into a UI like that, I have seen some Stripe merchants set up their payment page that way.

#

https://stripe.com/docs/js/elements_object/create_element?type=cardNumber // https://stripe.com/docs/js/elements_object/create_element?type=cardExpiry

fallow prairie Mar 28, 2022, 10:40 AM

#

Sweet! And that's without the submit button right?

#

Also does the input have the "Labels" option which states:
Enables switching between labels above form fields and floating labels within the form fields; can be either above or floating

cunning geode Mar 28, 2022, 10:40 AM

#

yes, these are just inputs, you can compose them together into your own form

#

AFAIK no it does not, it's a different API from the PaymentElement entirely

fallow prairie Mar 28, 2022, 10:41 AM

#

Ahh right got it!

cunning geode Mar 28, 2022, 10:41 AM

#

on https://stripe.dev/elements-examples/ there's an example of floating labels when using these components but to be honest I've never understood how that example works, it's kind of complicated

#Filip-UI