Bancor Conversion Widget
An open sourced widget that uses Bancor's smart contracts to allow a user to convert tokens or ethereum.
Features
- 🚴 Fast
- 🔧 Customizable
- 🙂 Simple usage
Installing and usage:
npm install bancor-conversion-widget --save
in vanilla
<script src="https://unpkg.com/bancor-conversion-widget@latest"></script>
<body onload="render()">
<script>
const render = () => {
new BancorConversionWidget({
target: document.body,
props: {},
});
};
</script>
</body>
in react
npm install react-svelte --save
import SvelteComponent from "react-svelte";
import BancorConversionWidget from "bancor-conversion-widget";
<SvelteComponent this={BancorConversionWidget} />;
in svelte
<script>
import BancorConversionWidget from "bancor-conversion-widget";
</script>
<BancorConversionWidget />
Read a more in-depth integration guide here
Available properties:
Name | Description | Type | Default |
---|
tokenSend | initial "send" token | string | "ETH" |
tokenReceive | initial "receive" token | string | "BNT" |
colors | custom colors | object | src |
showRelayTokens | show or hide relay tokens | boolean | false |
addresses | custom registry addresses | object | src |
affiliate.account | affiliate ethereum address | string | undefined |
affiliate.fee | affiliate fee percentage (max 3%) | number | undefined |
onChange | event triggered on token change | function | undefined |
Live examples: