@cfxdevkit/react / AccountCard

Function: AccountCard()

AccountCard(__namedParameters): Element | null

Defined in: components/account-display/AccountCard.tsx:64

AccountCard Component

Headless account information display. Use render prop pattern for custom UI.

Parameters

__namedParameters

AccountCardProps

Returns

Element | null

Example


// With render prop
<AccountCard showBalance>
  {({ coreAddress, evmAddress, coreBalance, evmBalance }) => (
    <div>
      <p>Core: {coreAddress}</p>
      <p>EVM: {evmAddress}</p>
      <p>Balance: {coreBalance}</p>
    </div>
  )}
</AccountCard>
 
// With default styling
<AccountCard showBalance className="p-4 bg-gray-100 rounded" />