Vue Stripe Playground

Convenience Composables

useCreatePaymentMethod(), useHandleNextAction(), and the retrievePaymentIntent() / retrieveSetupIntent() helpers wrap the raw Stripe instance for common one-off operations. The interactive demos below cover createPaymentMethod() and retrievePaymentIntent(); useHandleNextAction() requires a PaymentIntent in requires_action (e.g. 3D Secure) and is documented in the API reference.

No Stripe key configured. Click "Add Key" in the header above.