Integrating The KyberSwap Widget
The Best Rates With Minimal Code
To get started, install the widgets library using npm or Yarn.
npm i @kyberswap/widgets
yarn add @kyberswap/widgets
In order to continuously improve the KyberSwap Widget, our widget implements a
client
field that enables us to understand how the widget swaps are being utilized. As a developer integrating with our widget, please add your clientID (i.e. company name) to the client
field to enable us to serve you better. Refer below for example.Embed the React component in your application with this piece of code:
import { Widget } from "@kyberswap/widgets";
<Widget
client="yourCompanyNameHere"
theme={theme}
tokenList={[]}
provider={ethersProvider}
defaultTokenOut={defaultTokenOut[chainId]}
/>
That's it! You should now see a fully functional swap widget on your site. You can easily customize the widget according to your application colors.
Last modified 1mo ago