ConsentFlow

stable

Multi-step consent wizard with step indicator

Human-in-the-LoopInteractive/Storybook ↗

import { ConsentFlow } from "@nodus/design-system/patterns"

Loading demo…

Props

Prop	Type	Default	Description
`agentName`req	`string`	—	Agent requesting consent
`purpose`req	`string`	—	Action description
`permissions`req	`Permission[]`	—	Permissions with scope and description
`duration`	`string`	"Until revoked"	Consent duration
`agencyLevel`	`AgencyLevel`	3	Authority level required
`onGrant`	`() => void`	—	Grant consent handler
`onDeny`	`() => void`	—	Deny consent handler

agentNamerequired

Type stringDefault —

Agent requesting consent

purposerequired

Type stringDefault —

Action description

permissionsrequired

Type Permission[]Default —

Permissions with scope and description

duration

Type stringDefault "Until revoked"

Consent duration

agencyLevel

Type AgencyLevelDefault 3

Authority level required

onGrant

Type () => voidDefault —

Grant consent handler

onDeny

Type () => voidDefault —

Deny consent handler

Design Rationale

This component was designed to express:

Multi-step deliberate confirmation for high-stakes actions

Queue of pending human approvals with priority ordering

Was this helpful?