react-stripe-script-loader/readme.md

React component that lets load Stripe script and shows React Stripe Elements

React Stripe Script Loader
====

[![npm version](https://badge.fury.io/js/react-stripe-script-loader.svg)](https://badge.fury.io/js/react-stripe-script-loader)
![npm download](https://img.shields.io/npm/dt/react-stripe-script-loader.svg)

<a href="https://paypal.me/ozluy"> <img src="https://raw.githubusercontent.com/ozluy/react-stripe-script-loader/master/buy-me-a-coffee-with-paypal.png" /></a>

<a target="_blank" rel="noopener noreferrer" href="http://ozluy.github.io/projects/react-stripe-script-loader"> Github Pages Demo </a> or <a target="_blank" rel="noopener noreferrer" href="https://codesandbox.io/s/react-stripe-script-loader-scktw"> Code Sandbox Demo </a>


install 
===
Install as a node module

`npm i  react-stripe-script-loader -S`


usage
===
```jsx
import React from 'react'
import StripeScriptLoader from 'react-stripe-script-loader'
import {
  StripeProvider,
  Elements,
  CardNumberElement,
} from 'react-stripe-elements'

const PageWithStripeElements = () => (
  <div>
    <h1>Stripe Elements</h1>
    <StripeScriptLoader
      uniqueId='myUniqueId'
      script='https://js.stripe.com/v3/'
      loader="Loading..."
    >
      <StripeProvider apiKey="stripeApiKey">
        <Elements>
          <CardNumberElement />
        </Elements>
      </StripeProvider>
    </StripeScriptLoader>
  </div>
)

export default PageWithStripeElements
```

props
===
 #### uniqueId `string` 
 unique id for script element
 
 #### script `string` 
 script to load
 
 #### loader `ReactElement`
 string, React elements array, React component
 
  
 supports
===

supports all React version with hooks `"react": "^16.9.0"`

 
 important note
===

For older versions of React ^15.0.0 please install following version with tag `react-version-15`

 `npm install react-stripe-script-loader@react-version-15 -S`

Yusuf Özlü