@dexhunterio/swaps

Dex Hunter - Swap Component

How to use library

• Install package:

  npm i @dexhunterio/swaps
  

• Import to your code:

  import Swap from '@dexhunterio/swaps'
  import '@dexhunterio/swaps/lib/assets/style.css'
  ...
  

• Use Swap Component:

  function App() {
      return <div>
        <Swap {...settings} />
        <button onClick={() => setIsOpenWallet(true)} className="text-white">OpenWallet</button>
      </div>;
  }
  

Available props:

Prop	Required?	Type	Default	Description
defaultToken	false	string
width	false	px|%
height	false	px|%
theme	false	dark|light	dark
orderTypes	false	array	['SWAP', 'LIMIT']
supportedTokens	false	tokenId[]		list of token id that you can search
partnerName	true	string
partnerCode	true	string
colors	false	object		Supported colors:mainText subText background containers buttonText accent
className	false	string
style	false	string