Create Invoice Form
A form for creating invoices in Request Network
Last updated
A form for creating invoices in Request Network
Last updated
The Create Invoice Form allows end-users to create an invoice using the Request Network. It is built using Svelte but compiled to a Web Component, making it usable in any web environment, regardless of the framework.
To install the component, use npm:
Follow the instructions below to add the Create Invoice Form to a React or Next.js app. For a video explaining how to integrate, see the #request-invoicing-integration-video
Configure the Create Invoice Form 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.
| Prop | Type | Description |
|---|---|---|
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 | Hex color code for primary buttons and labels |
config.colors.secondary | string | Hex color code for for borders and accents |
requestNetwork | The RequestNetwork instance | |
wagmiConfig | WagmiConfig | Wallet connector config |
currencies | Currency[] | A list of custom currencies |
