Skip to content

Latest commit

 

History

History
78 lines (62 loc) · 2.31 KB

README.md

File metadata and controls

78 lines (62 loc) · 2.31 KB

react-bitcoin-payment-button

Receive Bitcoin Payments on your React website through the Blockonomics Payment Button.

Installation

npm i react-bitcoin-payment-button

Demo

Demonstration

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

Demonstration

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"