CoW Swap React widget

React component that creates a CoW Swap widget. It is based on https://npmjs.com/package/@cowprotocol/widget-lib

Use it

Install dependency

1yarn add @cowprotocol/widget-react

1npm install @cowprotocol/widget-react

Import component and some convenient types

1import { CowSwapWidget, CowSwapWidgetParams } from '@cowprotocol/widget-react'

Prepare the config for the widget:

1const cowSwapWidgetParams: CowSwapWidgetParams = {
2  appCode: 'NAME-OF-YOU-APP', // Add here the name of your app. e.g. "Pig Swap"
3  width: '600px',
4  height: '700px',
5  tradeType: 'swap',
6}

Render the component:

1<CowSwapWidget params={cowSwapWidgetParams} />

Developers

1# Test
2nx test widget-react
3
4# Build the library
5nx build widget-react
6
7# Publish to NPM
8nx publish widget-react --ver x.y.z --tag latest