darkblock-logo
Darkblock Docs
darkblock-logo
Darkblock Docs
NPM

Polygon

Getting Started 🚀
​
⁠
⁠

Install Darkblock's React Polygon Widget using yarn or npm
yarn add @darkblock.io/matic-widget


npm i @darkblock.io/matic-widget --save


Once the library is installed, import or require components into your codebase, i.e:
import PolygonDarkblockWidget from "@darkblock.io/matic-widget"


⁠
https://www.npmjs.com/package/@darkblock.io/matic-widget#polygon-widget-component
⁠
Polygon Widget Component
​
⁠
⁠

⁠
https://www.npmjs.com/package/@darkblock.io/matic-widget#input
⁠
⁠

Input
​
⁠
⁠

contractAddress: contractAddress
tokenId: id of the NFT in Polygon
w3:* web3 object
cb: callback function to be triggered on the widget's state change (optional)
config: config object (optional)
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,
},
}


⁠
https://www.npmjs.com/package/@darkblock.io/matic-widget#example
⁠
⁠

Example
​
⁠
⁠

import { PolygonDarkblockWidget } from "@darkblock.io/matic-widget"

const Widget = () => {
...

const contractAddress = 'nft contract address'
const tokenId = 'nft token id'

return (
<PolygonDarkblockWidget
contractAddress={contractAddress}
tokenId={tokenId
w3={web3}
cb={(p) => console.log(p)}
config={config}
/>
)
}

export default Widget


⁠
https://www.npmjs.com/package/@darkblock.io/matic-widget#example-1
⁠
⁠

Example
​
⁠
⁠

import { PolygonUpgradeWidget } from "@darkblock.io/matic-widget"

const Widget = () => {
const apiKey = '** contact darkblock for apikey **'
const contractAddress = 'nft contract address'
const tokenId = 'nft token id'

return (
<PolygonUpgradeWidget
apiKey={apiKey}
contractAddress={contractAddress}
tokenId={tokenId}
w3={web3}
cb={(p) => console.log(p)}
config={config}
/>
)
}

export default Widget

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.