The @cowprotocol/swap-widget
package is an npm package of React components used to provide subsets of the Cow Protocol functionality in a small and configurable user interface element.
The Swap Widget bundles the whole swapping experience into a single React component that developers can easily embed in their app with one line of code.
You can customize the theme (colors, fonts, border radius, and more) to match the style of your application. You can also configure your own default token list and optionally set a convenience fee on swaps executed through the widget on your site.
Install the widgets library via npm
or yarn
. If you do not already use the widget's peerDependencies redux
and react-redux
, then you'll need to add them as well.
yarn add @cowprotocol/swap-widget redux react-redux
npm i --save @cowprotocol/swap-widget redux react-redux
Cow Protocol encourages integrators to evaluate their own regulatory obligations when integrating this widget into their products, including, but not limited to, those related to economic or trade sanctions compliance.