Customization Style

Component is build on top of web component and using CSS-Parts and CSS-Variables to allow customization.

CSS-Parts

You can customize the component style by using the following CSS-Parts:

• btn - The button element
• spinner - The spinner element
• result - The results display element
• toast - The toast display element nv

Code Example

    web3-upload-btn::part(btn) {
      background-color: rgb(0, 162, 255);
      color: #fff;
      border: none;
      border-radius: 4px;
      padding: 8px 16px;
      font-size: 16px;
      cursor: pointer;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
    }

Preview result

Upload to IPFS