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

UserProfile

Component for displaying user profile information.

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

function ProfileSection() {
  return (
    <UserProfile
      className="custom-class" // Optional custom class
      showLogout={true} // Optional, shows the logout button
    />
  );
}

Props

interface UserProfileProps {
  className?: string;    
  showLogout?: boolean;  
}

Features

  • Displays user profile information

  • Optional logout button

  • Customizable styling through className

  • Handles user state automatically

PreviousWalletDisplayNextWalletCard

Last updated 27 days ago

Was this helpful?

⚙️