braintree-dropin-react

React component to integrate Braintree Drop-In UI (V3). https://developers.braintreepayments.com/guides/drop-in/javascript/v3

Features

Wraps the Braintree Drop-In UI V3
If authorizationToken is changed the Drop-In UI will be re-initialized. This is useful if you want to support multiple merchants.

Props

braintree - Required, this is braintree-web-drop-in
authorizationToken - Required, authorization for Drop-In see in DOC
handlePaymentMethod - Required, to retrieve the payment method object
onCreate - triggered when Drop-In UI is visible
onError - triggered when error occured
onDestroyStart - triggered before teardown
onDestroyEnd - triggered after success teardown
locale - see in DOC
paypal - see in DOC
paypalCredit - see in DOC
paymentOptionPriority - see in DOC
submitButtonText - Text of the submit button

Installation

$ npm install braintree-dropin-react

Example

see /example/clientApp.js

to run

$ yarn install
$ npm run example

Custom CSS

payment form - see in DOC

component - write your own custom css

div.braintree-dropin-react
  div.braintree-dropin-react-form
  div.braintree-dropin-react-submit-btn-wrapper
    button