react-bitcoin-payment-button

    0.3.1 • Public • Published

    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"

    Install

    npm i react-bitcoin-payment-button

    DownloadsWeekly Downloads

    2

    Version

    0.3.1

    License

    ISC

    Unpacked Size

    584 kB

    Total Files

    13

    Last publish

    Collaborators

    • cnohall