Installation
With npm
Our Web SDK is available on npm under the name @primer-io/checkout-web.
This package includes TypeScript definitions.
12345
# With yarnyarn add @primer-io/checkout-web # With npmnpm install --save @primer-io/checkout-web
bash
copy
12345
import { Primer } from '@primer-io/checkout-web' Primer.showUniversalCheckout(clientToken, { /* Options */})
typescript
copy
With our CDN
Include the Primer.min.js script and the Checkout.css stylesheet on the page where you want to render the Checkout.
Make sure to pass the proper version in the URL.
12
<link rel="stylesheet" href="https://sdk.primer.io/web/v2.0.0/Checkout.css" /><script src="https://sdk.primer.io/web/v2.0.0/Primer.min.js" crossorigin="anonymous"></script>
html
copy
The Primer.min.js will add the Primer object to the global scope:
12345
const { Primer } = window Primer.showUniversalCheckout(clientToken, { /* Options */})
typescript
copy