Comments (7)
Also we need a full payment element guide for this.. like card example...thnks
from vue-stripe-js.
Hi,
Alright, let's take a look. Do you mean the type "payment" element with payment intent, right?
As a start point you can add type='payment'
to:
vue-stripe-js/examples/CardOnly.vue
Line 10 in 92bb1c9
from vue-stripe-js.
https://stripe.com/docs/payments/accept-a-payment?ui=elements
I'm gonna provide a full example, which requires stripe account and payment intent (server-side), but really tight on time right now
Basically, you need client_secret
, it then passed as property of options to StripeElements. Then you'll be able to call confirmPayment
on stripe instance.
from vue-stripe-js.
does anyone have a working example with payment intent??
from vue-stripe-js.
await elms.value.instance.confirmCardPayment(clientSecret, { payment_method: { card: cardNumber } })
from vue-stripe-js.
@softbeehive If you wanna assign this to me I can probably submit a PR with an example for using Payment Elements this weekend.
from vue-stripe-js.
@yashBhosale you are welcome to submit a PR at any time
Here is some guidance:
- Create PaymentType.vue in examples folder
- Use Vue Composition API (preferably)
- Test payment type element
- Add Payment Type section to README.md before "Types"
from vue-stripe-js.
Related Issues (20)
- clientSecret HOT 1
- Can I use this library with Payment Elements? HOT 12
- Does this library support the new order api? HOT 4
- Received unknown parameters: type, elements, options, stripeElement HOT 1
- Typo error in step 3 in README
- Code clarification HOT 1
- I get a compile error when using vite-ssg HOT 2
- npm install doesn't work HOT 1
- Updates required in README.md HOT 1
- Implement multiple elements HOT 2
- Could this work with Pricing Tables? HOT 1
- payment Element didn't mount normally
- Example of working PaymentIntent
- how to clear StripeElement?
- how to clear StripeElement? HOT 3
- StripeElement.vue `options` are considered optional but generate console warning when left empty HOT 7
- Themes HOT 2
- StripeElement disappear in unmounted cycle life. HOT 1
- How to style Stripe Element? HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-stripe-js.