SimpleTokenBalance

A lightweight, minimal token balance display component that shows cryptocurrency balances with clean formatting

🔧

Live preview would be rendered here

Component: SimpleTokenBalance

Install component

npm

$npm install bigblocks

import { SimpleTokenBalance } from 'bigblocks';

export default function WalletSidebar() {
  return (
    <div className="wallet-sidebar">
      <h3>Balances</h3>
      
      {/* Basic BSV balance */}
      <SimpleTokenBalance 
        symbol="BSV"
        balance={0.12345678}
        showSymbol={true}
      />
      
      {/* Token balance with custom formatting */}
      <SimpleTokenBalance 
        symbol="PEPE"
        balance={1000000}
        decimals={0}
        showSymbol={true}
        className="token-balance"
      />
      
      {/* USD value display */}
      <SimpleTokenBalance 
        symbol="USD"
        balance={45.67}
        decimals={2}
        prefix="$"
        showSymbol={false}
      />
    </div>
  );
}