DualControlPanel
Two-person maker/checker approval widget with signature status, countdown timer, and optional approve/reject actions
import { DualControlPanel } from "@danagraph/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
referencereq | string | — | Reference ID of the item under approval |
subject | string | — | Brief description of what is being approved |
initiatorreq | DualControlParty | — | Maker (initiator) slot |
approverreq | DualControlParty | — | Checker (approver) slot |
statusreq | DualControlStatus | — | Overall dual-control status |
expiresAt | string | — | Auto-expiry deadline (ISO timestamp) |
showActions | boolean | — | Show approve/reject action buttons |
onApprove | (comment: string) => void | — | Approver approve callback |
onReject | (comment: string) => void | — | Approver reject callback |
referencerequiredType
stringDefault —Reference ID of the item under approval
subjectType
stringDefault —Brief description of what is being approved
initiatorrequiredType
DualControlPartyDefault —Maker (initiator) slot
approverrequiredType
DualControlPartyDefault —Checker (approver) slot
statusrequiredType
DualControlStatusDefault —Overall dual-control status
expiresAtType
stringDefault —Auto-expiry deadline (ISO timestamp)
showActionsType
booleanDefault —Show approve/reject action buttons
onApproveType
(comment: string) => voidDefault —Approver approve callback
onRejectType
(comment: string) => voidDefault —Approver reject callback
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?