@ibunker/bitcoin-react

Bitcoin Reactjs tool

Features

• 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.

Live Demo

Go to this site for a quick demo with your wallet.

How to use the component

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

How to quick donate to this project

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! ;)

This project was bootstrapped with Create React App. and create-react-library. I do recommend those libraries for some magic ;).