WalletButton

Button component for displaying wallet information and actions.

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