Search…
React
React version of PIP Button is the wrapper for the javascript version. For more detailed information about the API, please check the javascript documentation. The documentation for the javascript version applies directly to the React version as well.
How to install React components:
npm install @getpip/react-pip-button

How to use the button in React project:

import { PIPButton } from "@getpip/react-button"
​
const PIPPage: React.FC = () => {
return (
<div>
<PIPButton
receiver="..."
amount={1}
chainNetwork="..."
asset="..."
/>
</div>
)
}
Name
Required
Type
Default Value
receiver
true
string
null
amount
true
string
null
currency
true
string
‘USDC’
chainNetwork
false
string
‘SOLANA’
label
false
string
‘PAY’
useLabel
false
boolean
true
buttonColor
false
string
‘#1149FF’
buttonTextColor
false
string
‘#FFFFFF’
onLoad
false
function
null
onPayment
false
function
null
onError
false
function
null
Copy link