CreditLineUtil

stable

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

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

Credit Line

Revolving Credit Facility

35.0%

Drawn: $35.00M / $100.00M$65.00M available

Credit Line

Term Loan A

96.0%

Drawn: $48.00M / $50.00M$2.00M available

Loading demo…

Props

Prop	Type	Default	Description
`facility`req	`string`	—	Facility name
`drawn`req	`number`	—	Drawn amount
`limit`req	`number`	—	Facility limit
`currency`	`string`	—	Currency code
`locale`	`string`	—	BCP 47 locale override
`label`	`string`	—	Card label

facilityrequired

Type stringDefault —

Facility name

drawnrequired

Type numberDefault —

Drawn amount

limitrequired

Type numberDefault —

Facility limit

currency

Type stringDefault —

Currency code

locale

Type stringDefault —

BCP 47 locale override

label

Type stringDefault —

Card label

MobileStacks / Scroll

Utilization bar fills container width. Labels and values stack on mobile.

Design Rationale

This component was designed to express:

Cash pool summary card with account balances and pool total

Regulatory compliance ratio bar with threshold marker — visualizes LCR, NSFR, leverage ratios against minimum requirements

Was this helpful?