https://github.com/ozluy/react-stripe-script-loader

A React Component that loads Stripe script if necessary and shows React Stripe Elements
https://github.com/ozluy/react-stripe-script-loader

hooks load-script payment performance react react-hooks react-stripe-elements script stripe stripe-elements

Last synced: 3 months ago
JSON representation

A React Component that loads Stripe script if necessary and shows React Stripe Elements

• Host: GitHub
• URL: https://github.com/ozluy/react-stripe-script-loader
• Owner: ozluy
• Created: 2019-09-10T20:33:46.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-10-23T11:41:40.000Z (over 1 year ago)
• Last Synced: 2024-04-24T18:23:57.287Z (10 months ago)
• Topics: hooks, load-script, payment, performance, react, react-hooks, react-stripe-elements, script, stripe, stripe-elements
• Language: JavaScript
• Homepage: https://codesandbox.io/s/react-stripe-script-loader-scktw
• Size: 667 KB
• Stars: 21
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
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)

 Github Pages Demo  or  Code Sandbox Demo 

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 = () => (

  


    
Stripe Elements

    

      

        

          

        

      

    

  

)


export default PageWithStripeElements

```

props

===

 #### uniqueId `string` 

 unique id for script element

 

 #### script `string` 

 script to load

 

 #### loader `ReactElement`

 string, React elements array, React component

 

 dependencies

===

```json

 "react": "^16.9.0",

 "react-dom": "^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ü