Payment Element accordion layout

The Payment Element's layout is configurable to fit your checkout flow, including a vertical accordion layout. Learn more here.

Console

          
          const paymentElement = elements.create('payment', {
            layout: {
              type: 'accordion',
              radios: false
            }
          });                           
          
        

Experiment and learn

Make copies, remix, change and learn how to play with this tinydemo.

• Read the code behind this tinydemo
• Make your own copy of this tinydemo
• See a list of all tinydemos
• Watch a tutorial on setting up the environment variables

Any questions?

Reach out to us on any of our contact channels:

• https://support.stripe.com/email
• https://stripe.com/go/developer-chat
• https://twitter.com/StripeDev