@get-asset/react
AssetAccountsCard
The accounts card — the standard card header with an Add Account action that reveals AssetAccountsConnect (hidden by default, animated open), with AssetAccountsList below. Completing a connection invalidates the accounts query so the table background-refetches and the panel collapses.
Preview
Accounts
Account
Status
Net Balance
Chase Bank
$84,360.00
Chase Business Credit Card••7361
Jun 12, 2026
$42,180.00
Chase Cash Management••7361
Jun 12, 2026
$42,180.00
PNC Bank
$42,180.00
PNC Checking••7361
Disconnected
$42,180.00
Required scopes
The access token used by AssetProvider must include these scopes for this primitive to fetch data successfully:
external_account:readexternal_account:updatetransaction:deletetransaction:createplaid:createplaid:readledger:read
API reference
Root props
| Prop | Type | Default | Description |
|---|---|---|---|
onConnected | (institutions, account) => void | — | Called after any successful connection (new account or reconnect). |
onError | (error) => void | — | Called on a connection error. |
onSelectMethod | (method) => void | — | Called when a non-Plaid connect method card is clicked. |
methods | ConnectionMethod[] | — | Override the connect panel's methods. |
institutionName / source / type / status | AccountsList filters | — | Forwarded to the table. |
accounts | ExternalAccountPublic[] | — | Override the table's fetched data. Skips the API call. |
state | "loading" | "error" | "empty" | — | Force the table's state for testing. |
className | string | — | Forwarded to the outer wrapper. |
States
With data
Accounts
Account
Status
Net Balance
Chase Bank
$84,360.00
Chase Business Credit Card••7361
Jun 12, 2026
$42,180.00
Chase Cash Management••7361
Jun 12, 2026
$42,180.00
PNC Bank
$42,180.00
PNC Checking••7361
Disconnected
$42,180.00
EmptyNo accounts connected yet.
Accounts
Connect a financial account to see its balances here.