AvaCloud

WalletButton

import { WalletButton } from '@avalabs/avacloud-waas-react';
 
function WalletSection() {
  return (
    <WalletButton
      label="My Wallet" // Optional custom label
      className="custom-class" // Optional custom class
      // All standard HTML button attributes are supported
      onClick={() => console.log('Button clicked')}
      disabled={false}
      // ... other HTML button props
    />
  );
}

Props

interface WalletButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, Pick<ButtonProps, 'color'> {
  label?: string;      
  className?: string;  
}

Features

  • Extends standard HTML button attributes
  • Supports custom button text through label prop
  • Customizable styling through className
  • Inherits color prop from ButtonProps
  • Displays wallet information and actions
  • Handles wallet state automatically

If you need more help, explore our other articles or reach out to our support team via chat or email support@avacloud.io. All examples provided are for demonstration purposes only.

Learn More About AvaCloud | Download Case Studies | Schedule an AvaCloud Demo

On this page