CoW 交换部件库

整合 CowSwap 进入你的产品! 有了这个部件,就可以创建出一个令人难以置信的交易界面. 指定所需对货币,自定义 看,还有更多!

现场实例

在操作中查看部件 部件配置器

文档

您可以找到关于此选项中所有部件参数的详细描述 文档

快开始

npm install @cowprotocol/widget-lib --save

在您网站上的某个地方创建容器, 部件将在其内被渲染 :

<div id="cowswap-widget"></div>

导入部件并保存备忘 :

import { createCowSwapWidget, CowSwapWidgetParams } from '@cowprotocol/widget-lib'

// Initialise the widget
const widgetContainer = document.getElementById('cowswap-widget')

// instantiate your own web3 provider
const provider = window.ethereum

const params: CowSwapWidgetParams = {
  appCode: 'NAME-OF-YOU-APP', // Add here the name of your app. e.g. "Pig Swap"
  sell: { asset: 'DAI' },
  buy: { asset: 'USDC', amount: '0.1' },
}

const {updateParams} = createCowSwapWidget(
  widgetContainer,
  // Optionally, you can provide some additional params to customise your widget
  {params, provider, onReady: () => console.log('Widget ready')}
)

// You also can change widget configuration on the fly
updateParams({ ...params, tradeType: 'limit' })

开发者

测试

nx test widget-lib

构建库

nx build widget-lib