Web Components
Web3Modal's web components are custom and reusable HTML tags. They will work across modern browsers, and can be used with any JavaScript library or framework that works with HTML.
info
Web components are global html elements that don't require importing.
List of optional properties for Web3Modal web components
<w3m-button />
| Variable | Description | Type |
|---|---|---|
disabled | Enable or disable the button. | boolean |
balance | Show or hide the user's balance. | 'show' or 'hide' |
size | Default size for the button. | 'md' or 'sm' |
label | The text shown in the button. | string |
loadingLabel | The text shown in the button when the modal is open. | string |
<w3m-account-button />
| Variable | Description | Type |
|---|---|---|
disabled | Enable or disable the button. | boolean |
balance | Show or hide the user's balance. | 'show' or 'hide' |
<w3m-connect-button />
| Variable | Description | Type |
|---|---|---|
size | Default size for the button. | 'md' or 'sm' |
label | The text shown in the button. | string |
loadingLabel | The text shown in the button when the modal is open. | string |
<w3m-network-button />
| Variable | Description | Type |
|---|---|---|
disabled | Enable or disable the button. | boolean |
Was this helpful?