NPM
Ethereum
Getting Started 🚀
Install Darkblock's React Ethereum Widget using yarn or npm
yarn add @darkblock.io/eth-widget
npm i @darkblock.io/eth-widget --save
Once the library is installed, import or require components into your codebase, i.e:
import EthereumDarkblockWidget from "@darkblock.io/eth-widget"
Ethereum Widget Component
Input
cb function example, the callback function will have the widget's state passed as a parameter:
const cb = (param) => {
console.log(param)
}
config object's default value:
{
customCssClass: "", // pass here a class name you plan to use
debug: false, // debug flag to console.log some variables
imgViewer: { // image viewer control parameters
showRotationControl: true,
autoHideControls: true,
controlsFadeDelay: true,
},
}
Example
import { EthereumDarkblockWidget } from "@darkblock.io/eth-widget"
const Widget = () => {
...
return (
<EthereumDarkblockWidget
contractAddress="0x495f947276749ce646f68ac8c248420045cb7b5e"
tokenId="30553606573219150352991292921105176340809048341686170040023897672591735783425"
w3={web3}
cb={(p) => console.log(p)}
config={config}
network={'mainnet' || 'rinkeby'}
/>
)
}
export default Widget
Example
import { EthUpgradeWidget } from "@darkblock.io/eth-widget"
const Widget = () => {
const apiKey = '** contact darkblock for apikey **'
return (
<EthUpgradeWidget
apiKey={apiKey}
contractAddress="0x495f947276749ce646f68ac8c248420045cb7b5e"
tokenId="30553606573219150352991292921105176340809048341686170040023897672591735783425"
w3={web3}
cb={(p) => console.log(p)}
config={config}
network={'mainnet' || 'rinkeby'}
/>
)
}
export default Widget
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.