Badge component showing the count of pending tool approvals.

Displays a pill-shaped badge with a pulsing amber indicator and count of pending approval requests. Useful for headers or sidebars to provide persistent visibility of approval queue status.

Automatically hides when no approvals are pending. The optional onClick handler enables navigation to an approvals view or dialog.

Example

<PendingApprovalBadge onClick={() => setShowApprovals(true)} />

function PendingApprovalBadge(props: PendingApprovalBadgeProps): React.ReactElement | null

Parameters

props