react-bitcoin-payment-button
v0.3.1
Published
Receive Bitcoin Payments on your React website through the [Blockonomics](https://www.blockonomics.co/) Payment Button
Downloads
21
Maintainers
Readme
react-bitcoin-payment-button
Receive Bitcoin Payments on your React website through the Blockonomics Payment Button.
Installation
npm i react-bitcoin-payment-button
Demo
Usage
To use the Blockonomics Payment Button you first need to generate a UID. To generate an UID follow this guide.
Example:
import React from 'react';
import { BitcoinPaymentButton } from 'react-bitcoin-payment-button';
export default function App() {
return (
<div className="App">
<BitcoinPaymentButton uid="Enter Your Own UID generated by Blockonomics Here"/>
</div>
);
}
Customization
The customized example above was accomplished by passing the following props to BitcoinPaymentButton:
import React from 'react';
import { BitcoinPaymentButton } from 'react-bitcoin-payment-button';
export default function App() {
return (
<div className="App">
<BitcoinPaymentButton
uid="Enter Your Own UID generated by Blockonomics Here"
imageURL="https://cdn.iconscout.com/icon/free/png-512/bitcoin-390-920575.png"
font="Roboto, Helvetica, Arial, sans-serif"
backgroundColor="#131a22"
titleColor="#fff"
descriptionColor="#fff"
buttonColor="#428bca"
hoverColor="#254563"
hideBlockonomics="true"
inputHeights="44px"
progressbarColor="#428bca"
BTCAmountColor="#428bca"
/>
</div>
);
}
Properties
| Properties | Original value|
| ------------- |-------------|
| uid | To generate an UID follow this guide |
| imageURL | "https://www.blockonomics.co/img/pay_with_bitcoin_medium.png" |
| font | "Helvetica Neue", Helvetica, Arial, sans-serif |
| backgroundColor | "#f4f4f4" |
| titleColor | "#333333" |
| descriptionColor | "#333333" |
| buttonColor | "#f0ad4e" |
| hoverColor | "#ec971f" |
| hideBlockonomics | false |
| inputHeights | "34px" |
| progressbarColor | "#09CA83" |
| BTCAmountColor | "#059e66" |