This component relies upon the Stripe.js library which is designed for use in browser clients or SPAs (single-page apps). The typical way to intercept this is to set the v-model prop on the component, to which the token or source object will be automatically assigned. If successful, the generated token or source object will be emitted by the input event. When the user has entered enough information to be considered 'complete,' the component will make a request to Stripe and attempt to validate the card. Bug reports are welcome.īy default, the component listens for change events. Event support has not been thoroughly tested. It should support all of the same events as VTextField. The default slot is overwritten by Stripe. Supports all of the same slots available for VTextField except the default slot. If passing the postal (zip) code in from outside the input, i.e. Only set this to true if collecting the postal code separately and passing it to the input.Īllows selecting one of the two icon styles provided by Stripe.Īdditional metadata that can be passed to createToken() or createSource() as described in the Stripe Elements documentation.

Hides the postal code entry segment of the input.

If true, hides the credit card icon inside the input. if you wanted to use a heavier or lighter weight or if it was served from another domain. This is only necessary if the URL from which the font should be retrieved is NOT the default you would get from Google fonts, e.g. Any font name available on Google fonts is acceptable. The name of the font you want the component to use, as it would appear in CSS, e.g. for multiple uses).Īllows you to override the default styles.

See the Stripe docs for more info.ĭetermines whether the control will create a token (e.g. It supports all of the built-in themes, styles, and props you expect if using the Vuetify UI library. That means it inherits and shares the look and feel of all of Vuetify's other form inputs and controls. VStripeInput extends Vuetify's VTextField component.

Stripe ui browser