Skip to content

francoislevesque/vue-braintree

Repository files navigation

Vue Braintree

Build Status Maintainability Test Coverage

Braintree Drop In

  • Works with: Credit Cards, Paypal, Apple Pay, Google Pay, etc.
  • Choose your own language. Available in English, French, Spanish, etc.
  • Fully customizable

Documentation

Complete documentation and examples available at https://francoislevesque.github.io/vue-braintree/.

Quick start

Import the plugin in your Vue Application.

import Vue from 'vue'
import vue-braintree from 'vue-braintree'

Vue.use(vue-braintree)

In order to use the Drop-in UI, you'll first need to get a tokenization key from the Control Panel or generate a client token on your server. This will be your authorization used when creating Drop-in.

<v-braintree 
    authorization="xxxxxxxxxxxxxxxxxxxxxx"
    @success="onSuccess"
    @error="onError"
></v-braintree>
export default {
  methods: {
    onSuccess (payload) {
      let nonce = payload.nonce;
      // Do something great with the nonce...
    },
    onError (error) {
      let message = error.message;
      // Whoops, an error has occured while trying to get the nonce
    }
  }
}

About

Vue Component for Braintree Drop In

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •