- Exciting release!Introducing "safe npm". Learn more →
react-stripe-script-loader
Advanced tools
- Version published
- Maintainers
- 1
- Weekly downloads
- 628
- decreased by-8.45%
Weekly downloads
Readme
React Stripe Script Loader
Github Pages Demo or Code Sandbox Demo
install
Install as a node module
npm i react-stripe-script-loader -S
usage
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ü
FAQs
React component that lets load Stripe script and shows React Stripe Elements
The npm package react-stripe-script-loader receives a total of 489 weekly downloads. As such, react-stripe-script-loader popularity was classified as not popular.
We found that react-stripe-script-loader demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.