Note: 10,499,785 live websites use react

Installation

npm i --save @quantgate-systems/toplist or if you are using yarn, yarn add @quantgate-systems/toplist

Usage

In order to use Toplist, create a user on Pilot application and pass your tokens to TopList component

create-react-app

import TopList from "@quantgate-systems/toplist";

const onItemClick = (ToplistItem) => {
  console.log(ToplistItem);
};

return (
  <TopList
    token={"BearerToken from our system"}
    refreshToken={"RefreshToken from our system"}
    brokerName={"simulation-mode" || "demo-mode" || "signals-only" || 
                "paper-forex" || "alt5" || "bitfinex" || "binance" || 
                "bittrex" || "bitstamp" || "gemini" || "kraken" || "liquid"}
    mini={true || false} // render mini component / Optional
    onItemClick={onItemClick}
  />
);

next.js

import dynamic from "next/dynamic";

const TopList = dynamic(() => import("@quantgate-systems/toplist"));

const onItemClick = (ToplistItem) => {
  console.log(ToplistItem);
};

return (
  <TopList
    token={"BearerToken from our system"}
    refreshToken={"RefreshToken from our system"}
    brokerName={"simulation-mode" || "demo-mode" || "signals-only" || 
                "paper-forex" || "alt5" || "bitfinex" || "binance" || 
                "bittrex" || "bitstamp" || "gemini" || "kraken" || "liquid"}
    mini={true || false} // render mini component / Optional
    onItemClick={onItemClick}
  />
);

Note:

brokerName could be one of the following and it will return a Toplist with signals:

• Traditional Brokerages
  • demo-mode
  • simulation-mode
  • signals-only
  • paper-forex
• Digital Exchanges
  • alt5
  • bitfinex
  • binance
  • bittrex
  • bitstamp
  • gemini
  • kraken
  • liquid