WalletDisplay

Component for displaying wallet address and balance.
1import { WalletDisplay } from '@avalabs/avacloud-waas-react';
2
3function WalletInfo() {
4 return (
5 <WalletDisplay
6 className="custom-class" // Optional custom class
7 truncateAddress={true} // Optional, truncates the address for better display
8 showAddAccount={true} // Optional, shows the add account button
9 />
10 );
11}

Props

1interface WalletDisplayProps {
2 className?: string;
3 truncateAddress?: boolean;
4 showAddAccount?: boolean;
5}

Features

  • Displays wallet address (with optional truncation)
  • Shows wallet balance
  • Optional add account button
  • Customizable styling through className
  • Handles wallet state automatically

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

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