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

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