WalletButton

Button component for displaying wallet information and actions.
1import { WalletButton } from '@avalabs/avacloud-waas-react';
2
3function WalletSection() {
4 return (
5 <WalletButton
6 label="My Wallet" // Optional custom label
7 className="custom-class" // Optional custom class
8 // All standard HTML button attributes are supported
9 onClick={() => console.log('Button clicked')}
10 disabled={false}
11 // ... other HTML button props
12 />
13 );
14}

Props

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

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

For any additional questions, please view our other knowledge base articles or contact a support team member via the chat button. Examples are for illustrative purposes only.

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