Client-side library to load the Paystack checkout form
npm install @paystack/inline-jsPublic Docs
===
Paystack Inline is a Javascript library that loads the Paystack Checkout form. This offers a simple, secure and convenient payment flow for web and mobile and can be integrated in a few lines of code. It makes it possible for you to start and end the payment flow on the same page, avoiding redirect fatigue.
The easiest way to use Paystack Inline is to add your transactions parameters to a script tag in a form. When the transaction is successful, it will call the action on the form.
``html`
Transaction parameters should be passed as dashed data attributes. To see a list of all transaction parameters, click here. You can also pass additional attributes for styling
| Name | Type | Description |
| ---------------------------- | --------------- | -------------------------------------------------------------------------------------------- |
| data-button-text | String | This overrides the default button action text. Default is "Pay {Amount}". |
| data-button-variant | normal or light | You can either render the normal green button or a white button. Default is normal |
| data-button-wordmark-variant | normal or light | You can also render a white version of the "Secured by Paystack" wordmark. Default is normal |
To set up your custom implementation of Popup, include the javascript directly on your site
`htmlDist Tags
latest2.22.7dev2.22.7-dev.1