paraswap / paraswap-widget

ParaSwap Widget

---

ParaSwap Widget allows you to provide the best ERC20 prices for your users and earn fees on every trade.

You can monetize by using the referrer field. Reach out to us on Telegram for more info: https://t.me/paraswap

Here is how it looks:

---

How to use ParaSwap Widget :

Install the lib using npm or yarn

yarn install paraswap-widget

const {PSWidget} = require("paraswap-widget");
//or
import {PSWidget} from "paraswap-widget";

<PSWidget referrer={"my_company"} providerUrl={"MY_INFURA_URL"} />

Those are the properties you can use to customize the widget:

interface IPSWidgetProps {
  providerUrl: string;  //Required
  referrer: string;  //Required
  defaultSlippage: number;
  defaultPair: { from: string, to: string, amount: string };
  unlimitedAllowance: boolean;
  hasReceiver: boolean;
  bgColor: string;
  fixedFrom: boolean,
  fixedTo: boolean,
}

You can also customize it a bit more

<PSWidget 
  referrer={"my_company"} 
  providerUrl={"MY_INFURA_URL"}
  unlimitedAllowance={false} 
  bgColor={"#DDD"} 
  defaultPair={{from: 'cDAI', to: 'aDAI', amount: '100'}} 
/>

If you wan to fix the from and/or to token, you can use fixedFrom and fixedTo params

<PSWidget 
  referrer={"my_company"} 
  providerUrl={"MY_INFURA_URL"}
  defaultPair={{from: 'cDAI', to: 'JRT', amount: '100'}} 
  fixedFrom={true}
  fixedTo={true}
/>

And you're good to go :)