EnterpriseTemplatesApprovals

Approvals

Template for decision queues, audit trails, and reusable approval card interactions.

WorkflowGovernanceDecision

Overview

Approvals templates reduce rework by standardizing queue layout, decision controls, and evidence collection.

They also support auditability by coupling each decision with reason fields and history pointers.

Adapt an evidence-led decision workspace

Live preview

Change queue scope, claim a recurring request, inspect the reviewer chain and evidence contract, then capture rationale before a governed decision.

DECISION WORKSPACE

Approvals

Review recurring requests with stable evidence, reviewer ownership, and decision integrity.

3 decisions pending
Approval policy availableDecision policy current · reviewer availability verified
AWAITING3Ready for review
NEAR SLA1Due within 30 min
COMPLETED TODAY12100% rationale captured
DECISION CARD · APR-3048

Production access exception

Requested by Asha Mehta · Security review

Needs owner
REQUIRED EVIDENCE3 checks available

Manager sponsorship verified

Security training current

Access expires in 90 days

IMMUTABLE HISTORY

AMRequest submittedAsha Mehta · 42 minutes ago

PSPolicy evidence verifiedPolicy service · 39 minutes ago

Anatomy

Use each piece in this order to keep interpretation and automation consistent.

My queue · Team · Urgent3 pending
AWAITING3
NEAR SLA1
DECISION CARDProduction access exception

Required evidence

Immutable history

Decision rationale
12345
  1. 1
    Queue summary

    Counts by stage and urgency.

  2. 2
    Approver list

    Assigned roles and current reviewer context.

  3. 3
    Decision card

    Item summary and action controls.

  4. 4
    Rationale field

    Structured note with required details.

  5. 5
    History section

    Immutable comments and state transitions.

The ordering here is not visual-only; it reflects interaction priority and expected user cognition. Keep this order unless policy demands a specific domain exception.

When to use

Use this pattern when the user needs guided consistency, state, and reuse at scale.

Recommended

  • Risk-sensitive systems

    Use where governance is mandatory.

  • Repetitive approvals

    Use when teams review many similar request types.

  • Cross-team handoffs

    Use when approvals pass across functional roles.

When not to use

Avoid forcing this pattern where simpler, direct interactions are sufficient.

Avoid

  • Automated decisions

    Use alert templates for low-touch automation cases.

  • Non-governed tasks

    For purely operational actions, use quick actions.

  • Single-user workflows

    Use simple confirmation modals for one person decisions.

Variants

A small number of variants helps teams choose correctly without adding complexity.

Card queue

One decision card per request.

Compact list

High density mode for busy decision makers.

Guided flow

Step-by-step decision and evidence collection.

States

States communicate readiness, risk, and expected user behavior.

StateTriggerVisual responseInteraction
AwaitingWaiting actionUnresolved decision cardsAssign reviewer and add notes.
Under reviewComment existsDecision in progressAllow updates and additional context.
ResolvedAction finalFinal state and audit lockOnly comments or related references remain.

Behavior

Behavior should remain predictable across devices, permissions, and async edges.

Decision integrity

Prevent duplicate decisions and track source request.

Rationale capture

Attach reason before commit.

Audit continuity

Preserve each attempt and final outcome.

Accessibility

Keep interaction clarity high and ensure assistive technologies get the same meaning.

KeyAction
AApprove focused item.
RReturn for revision with reason form focus.
EscExit focused decision card.
  • Announce required rationale fields programmatically.
  • Make critical and irreversible actions explicit through button labeling.
  • Keep decision result and actor details visible for assistive users.

Content guidelines

Consistency is achieved by language standards, not by design only.

Decision phrase

Use direct decision verbs.

ExampleApprove deployment request

Reason field

Always include why this decision happened.

ExampleBudget approved after risk check.

Queue labels

Use stable priority labels.

ExampleHigh priority · Needs finance review

Examples

Reference implementation style, payloads, and practical behavior.

Production use

  • Use templates for recurring request types with consistent required fields.
  • Ensure audit details update in timeline as decisions are made.
  • Bundle approval reminders and escalation in the queue summary.
Open linked component reference for implementation patterns

Props / API

Use these API entries as a baseline contract and validate them against your domain layer.

These names are implementation-oriented and should map to your local contracts.

Props

PropTypeDefaultDescription
requestsreadonly ApprovalRequest[]requiredQueue items and their current decision state.
defaultPriority'low' | 'medium' | 'high''medium'Default priority for new entries.
onApprove(requestId: string, note: string) => Promise<void>requiredApprove request and capture rationale.
onReject(requestId: string, note: string) => Promise<void>requiredReject request with mandatory notes.