Home/Docs/Components/Asset-portfolio

Asset Portfolio

A comprehensive portfolio tracker component for displaying crypto assets with distribution charts and performance metrics.

Portfolio Value

$25,000.00
+3.20%
Total Value
$25,000
ADA
ADACardano
2.500000 ADA
$8,750.00
+4.20%

Price History

Past 24 HoursCurrent: $3,500
Price
$3,500
24h Change
4.20%
Holdings
2.500000 ADA
Value
$8,750
Contract Address
0x...
Chain
Ethereum Mainnet
BTC
BTCBitcoin
0.15000000 BTC
$6,750.00
-2.10%

Price History

Past 24 HoursCurrent: $45,000
Price
$45,000
24h Change
-2.10%
Holdings
0.15000000 BTC
Value
$6,750
Contract Address
0x2260FAC5E5542a773Aa44fBCfeDf7C193bc2C599
Chain
Ethereum Mainnet
USDC
USDCUSD Coin
5000.000000 USDC
$5,000.00
+0.01%

Price History

Past 24 HoursCurrent: $1
Price
$1
24h Change
0.01%
Holdings
5000.000000 USDC
Value
$5,000
Contract Address
0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48
Chain
Ethereum Mainnet
USDT
USDTTether
4500.000000 USDT
$4,500.00
+0.02%

Price History

Past 24 HoursCurrent: $1
Price
$1
24h Change
0.02%
Holdings
4500.000000 USDT
Value
$4,500
Contract Address
0xdAC17F958D2ee523a2206206994597C13D831ec7
Chain
Ethereum Mainnet

Installation

Run the following command to add the Asset Portfolio component to your project:

npx w3-kit@latest add asset-portfolio

This will:

  • Create the component in your components/ui directory
  • Add all necessary dependencies to your package.json
  • Set up required configuration files
  • Add token configurations to your project
PreviousAddress Book
NextBridge