import { ApprovalGate } from "@danagraph/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
actionreq | string | — | Description of the action requiring approval |
agentreq | string | — | Agent requesting approval |
onApprove | (reason?: string) => void | — | Called on approval |
onReject | (reason?: string) => void | — | Called on rejection |
requireReason | boolean | — | Require typed reason before action |
actionrequiredType
stringDefault —Description of the action requiring approval
agentrequiredType
stringDefault —Agent requesting approval
onApproveType
(reason?: string) => voidDefault —Called on approval
onRejectType
(reason?: string) => voidDefault —Called on rejection
requireReasonType
booleanDefault —Require typed reason before action
MobileTouch Target
Approve/reject actions must be ≥44px with clear spacing between them. On mobile, stack actions vertically. Never place two destructive actions adjacent without a separator.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?