Vue Stripe Playground

Checkout Form (beta)

Stripe's complete checkout form on your page, backed by a Checkout Session (ui_mode: 'form'): VueStripeCheckoutFormProvider runs Stripe's Checkout Form SDK, VueStripeCheckoutForm renders the form and useCheckoutForm() confirms it.

Beta: requires Stripe access. Without it, Stripe reports an error below instead of rendering the form.

Add your Stripe publishable key using the header button to test this component.

Event Log

Start a checkout to see provider and form events...