CutOffTimer
stableReal-time payment cutoff countdown timer with urgency color coding for CHAPS, Fedwire, SWIFT windows
import { CutOffTimer } from "@nodus/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
windowsreq | CutOffWindow[] | — | Payment windows with label and cutoffTime (ISO 8601) |
approachingThreshold | number | — | Minutes before cutoff for 'approaching' warning (default: 30) |
criticalThreshold | number | — | Minutes before cutoff for 'critical' alert (default: 10) |
windowsrequiredType
CutOffWindow[]Default —Payment windows with label and cutoffTime (ISO 8601)
approachingThresholdType
numberDefault —Minutes before cutoff for 'approaching' warning (default: 30)
criticalThresholdType
numberDefault —Minutes before cutoff for 'critical' alert (default: 10)
MobileTouch Target
Any action button adjacent to the timer must be ≥44px. Timer display itself is works-as-is.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?