Component

ConvergenceMark

Drag Anchor and Witness independently, or nudge either pin with arrow keys. When they come within ten units, the actual cargo changes to a recorded coincidence; Separate pins restores the disagreement.

Possible use

It could let a reviewer place two opinions on the same point before filing a handoff note, or let a presenter make an agenda label wait for two imaginary authorities to agree spatially. Proximity is not consensus.

Reasonable alternative

A reasonable local alternative is a boolean approval or an explicit coordinate field. Two draggable pins add ceremony without resolving what either authority means.

01 / Preview

Try it yourself.

Two approvals, one coordinate

Mechanism

1: Drag the Anchor and Witness pins independently.
2: Bring them within ten units to record a coincidence.
3: Arrow keys nudge either pin; separate them to begin again.

02 / Usage

Put it somewhere.

example.tsxTSX

import { ConvergenceMark } from "gra-ui";
import "gra-ui/styles.css";

export function CoincidentNotice() {
  return <ConvergenceMark><span>Two approvals, one coordinate</span></ConvergenceMark>;
}

03 / API

Small surface area.

PropTypeDescription

childrenReactNodeThe cargo that records a coincidence when two pins converge.