Invoice Dashboard
A dashboard for viewing and paying invoices in Request Network
Last updated
Was this helpful?
A dashboard for viewing and paying invoices in Request Network
Last updated
Was this helpful?
To install the component, use npm:
Follow the instructions below to add the Invoice Dashboard to a React or Next.js app.
Configure the invoice dashboard web component by creating a reference to it, setting its properties, and passing the reference as a prop.
Initialize the RequestNetwork object using an Ethers Signer or Viem WalletClient.
Use the config object to pass additional configuration options. Please replace the builderId with your own, arbitrarily chosen ID. This is used to track how many invoices your application creates.
Use a context provider to reinitialize the Request Network instance when the wallet changes.
A list of custom currencies to extend the default currency list.
Specify types to avoid TypeScript errors.
config
IConfig
Additional configuration parameters
config.builderId
string
Unique builder ID, arbitrarily chosen, used for metrics
config.dashboardLink
string
Path to dashboard page
config.logo
string
Path to logo file
config.colors.main
string
Color used for primary buttons and labels
config.colors.secondary
string
Color used for borders and accents
requestNetwork
The RequestNetwork instance
wagmiConfig
WagmiConfig
Wallet connector config
currencies
Currency[]
A list of custom currencies
The Invoice Dashboard component allows end-users to view and pay an invoice in Request Network. It is built using but compiled to a , making it usable in any web environment, regardless of the framework.
Try it out
Demo Video
Integration Video
View on NPM
View Source
