ConnectionStatus

stable

Bank connection status indicator with sync time, latency, and health state

import { ConnectionStatus } from "@nodus/design-system/finance"

Meridian National BankConnected

45ms FASTSynced 28d ago

Atlas InternationalDegraded

1200ms SLOWSynced 28d ago

Pinnacle Credit UnionDisconnected

Synced 28d ago

Loading demo…

Props

Prop	Type	Default	Description
`bank`req	`string`	—	Bank name
`status`req	`BankConnectionStatus`	—	Connection status
`lastSync`	`string`	—	Last sync timestamp
`latency`	`number`	—	Connection latency in ms
`label`	`string`	—	Card label

bankrequired

Type stringDefault —

Bank name

statusrequired

Type BankConnectionStatusDefault —

Connection status

lastSync

Type stringDefault —

Last sync timestamp

latency

Type numberDefault —

Connection latency in ms

label

Type stringDefault —

Card label

MobileWorks As-Is

Design Rationale

This component was designed to express:

Credit facility utilization gauge with drawn amount, limit, and availability

Settlement lifecycle timeline with T+N stages and completion indicators

Was this helpful?