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} />
      </div>
    );
  }

Available props:

| Prop | Required? | Type | Default | Description | | :-------------: | :-------: | :-----------------: | :---------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | | defaultToken | false | string | - | The default token to be selected. | | width | false | px|% | - | The width of the component. Accepts values in pixels or percentage. | | height | false | px|% | - | The height of the component. Accepts values in pixels or percentage. | | theme | false | dark | light | dark | The theme of the component. Can be either 'dark' or 'light'. | | orderTypes | false | array | ['SWAP', 'LIMIT'] | An array of order types supported by the component. Defaults to 'SWAP' and 'LIMIT'. | | supportedTokens | false | tokenId[] | - | An array of token IDs that are supported for searching. | | partnerName | true | string | - | The name of the partner. This is a required field. | | partnerCode | true | string | - | The code of the partner. This is a required field. | | colors | false | object | - | Supported colors: mainText, subText, background, containers, buttonText, accent. | | className | false | string | - | Custom CSS class for the component. | | style | false | object | - | Inline styles for the component. | | onSwapSuccess | false | (data: any) => void | - | Callback function on successful swap. | | onSwapError | false | (err: any) => void | - | Callback function on swap error. | | selectedWallet | false | SelectedWallet | - | The wallet selected by the user. Accepts one of the specified wallet identifiers. Supported wallets: nami, eternl, flint, gerowallet, typhoncip30, nufi, lace, vespr, begin, and yoroi. | | inputs | false | string[] | - | Input fields for the component. | | onWalletConnect | false | (data: any) => void | - | Callback function when a wallet is connected. |