Stripe Elements: Is there a way to Split Up Card Number, Expiry, and CVC Fields?

Get Help
1

I’m trying to figure out how to use the new Stripe Elements and split up the Card Number, Expiry, and CVC Fields as seen on Example #3 here: Stripe Elements: Build beautiful, smart checkout flows

I see that there are filter hooks to change the styles: docs.gravityforms.com/gform_stripe_elements_style

As well as to add different CSS class names: docs.gravityforms .com/gform_stripe_elements_classes/

But I want the Card Number, Expiry, and CVC to be separate fields like a traditional credit card form. Stripe’s Example #3 has this. How do I do this with Gravity Forms?

cc-stripe

They use the code:
  var cardNumber = elements.create('cardNumber', {
    style: elementStyles,
    classes: elementClasses,
  });
  cardNumber.mount('#example3-card-number');

  var cardExpiry = elements.create('cardExpiry', {
    style: elementStyles,
    classes: elementClasses,
  });
  cardExpiry.mount('#example3-card-expiry');

  var cardCvc = elements.create('cardCvc', {
    style: elementStyles,
    classes: elementClasses,
  });
  cardCvc.mount('#example3-card-cvc');

Thanks!

2

Any help about the same question ?