Vue Stripe Playground

StripeElements Component

Creates a Stripe Elements instance and provides it to child element components. Must be used within a StripeProvider.

View full documentation →

Test Scenarios

Client Secret (Optional)

For Payment Element, you need a clientSecret from a PaymentIntent. For Card Element, clientSecret is not required on StripeElements.

No client secret provided (optional for CardElement)

Live Demo

Event Log

No events yet. Open the Update Events scenario to see @update-end and getElement().
Vue Stripe Playground