- Create buttons to accept bitcoins via QR code scanner.
- Customize QR codes with a fixed amount to show when scan the client.
- Compatibility with any wallet that uses the Bitcoin URI protocol.
Go to this site for a quick demo with your wallet.
Install the package via NPM with the following command:
npm i @ibunker/bitcoin-react
Just import the following:
import { BitcoinQR } from '@ibunker/bitcoin-react';
And the base styles :
import '@ibunker/bitcoin-react/dist/index.css';
Later you can use the component like this:
Example: Send donations to this project
<BitcoinQR
bitcoinAddress="bc1qr3ja0feke2d7zg8jr0sjhr4aw5ppezt7n954u7"
message="Donate bitcoin to support this project"
title="Donate bitcoin"
/>
Example: Send 0.1 BTC donation to this project
<BitcoinQR
amount={0.1}
bitcoinAddress="bc1qr3ja0feke2d7zg8jr0sjhr4aw5ppezt7n954u7"
message="Donate bitcoin to support this project"
title="Donate bitcoin"
/>
Property | Description | type |
---|---|---|
showHeartDonation | Show a Heart animation under the QR code. | Boolean |
title | Will show a title at the top of the QR code. | String |
message | Will add a message to the QR. | String |
bitcoinAddress | bitcoin address to send the payment. Can be any BTC format address. | String |
Did this help you in anything useful? or Do you feel that it is your lucky day and you are generous? consider donating to the author to support this project. Use your favorite wallet! ;)
Please send DONATIONS for this project to Bitcoin Address: bc1qr3ja0feke2d7zg8jr0sjhr4aw5ppezt7n954u7
This project was bootstrapped with Create React App. and create-react-library. I do recommend those libraries for some magic ;).