paraswap-widget
v1.0.10
Published
<img src="https://paraswap-achirecture.netlify.com/logo.png" width="400px" >
Downloads
15
Keywords
Readme
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 :)