Skip to main content

💻 PolyswapApp

NPM Package​

https://www.npmjs.com/package/@polyswapai/widget?activeTab=readme

Installation​

From the root of your project, if you use YARN, run:

yarn add @polyswapai/widget

If you use NPM, run:

npm i @polyswapai/widget

Import​

Import the widget with:

import { PolyswapApp } from "@polyswapai/widget";

Rendering​

You can now render the widget as a component with

<PolyswapApp {
  marketer={'polyswap-whitelabel'}
  ...config
} />

where config is an object specifying all the customizations.

Learn more about that in the implementation walkthrough.

Replace 'polyswap-whitelabel' with a string to identify your project e.g. your-project-name

info

Note that if you do not specify any custom configuration, you will get the default ones.

Summary​

Once you have installed the package with YARN or NPM, add the following code to one of your pages to render the widget with default options.

import { PolyswapApp } from "@polyswapai/widget";

export default function App() {
  return (
    <div className="App">
      <PolyswapApp 
        marketer={'polyswap-whitelabel'}
      />
    </div>
  );
}