AvaCloud API
AvaCloud App
AvaCloud Wallet as a Service
AvaCloud Wallet as a Service
  • AvaCloud Wallet as a Service SDK
  • 🚀Getting Started
    • Quickstart
  • ⚙️USAGE
    • 🪝Hooks
      • useAvaCloudWallet
      • useAuth
      • useSignMessage
      • useSignTransaction
      • useTransferTokens
      • useUserWallets
      • useChainId
    • UI Components
      • LoginButton
      • WalletButton
      • WalletDisplay
      • UserProfile
      • WalletCard
      • TokensView
      • SendView
      • ReceiveView
      • ExportView
    • 🛠️Advanced Usage
Powered by GitBook

© 2025 Ava Labs, Inc.

On this page

Was this helpful?

  1. USAGE
  2. UI Components

SendView

Component for sending tokens.

import { SendView } from '@avalabs/avacloud-waas-react';

function SendSection() {
  return (
    <SendView
      onBack={() => {
        // Handle back navigation
      }}
      onViewStateChange={(state) => {
        // Handle view state changes
        console.log('View state:', state);
      }}
      selectedToken={token} // Optional, pre-select a token to send
    />
  );
}

Props

interface SendViewProps {
  onBack: () => void;  
  onViewStateChange?: (state: ViewState) => void; 
  selectedToken?: ERC20Token | NativeToken; 
}

Features

  • Token sending interface

  • Required back navigation functionality

  • Optional view state tracking

  • Pre-selection of token support

  • Handles both ERC20 and native tokens

  • Transaction state management

PreviousTokensViewNextReceiveView

Last updated 27 days ago

Was this helpful?

⚙️