Component

ClauseAudit

It audits a label from left to right. Each click inspects the next word, marks it in the actual sentence and advances a real progress ledger until every clause has been ceremonially cleared.

Possible use

It could let a reviewer inspect every word in a handoff sentence before filing it, or let a presenter clear an agenda label word by word before a slide advances. Neither use turns reading into measurable work.

Reasonable alternative

A reasonable local alternative is displaying the sentence and one ordinary review status. A progress ledger should not pretend that looking at the next word is a project milestone.

01 / Preview

Try it yourself.

Preparetheremarkablyordinaryhandoff

Mechanism

1: Begin with every word unexamined.
2: Audit the next word to mark it and advance the real ledger.
3: Clear the audit when the sentence has been over-inspected.

02 / Usage

Put it somewhere.

example.tsxTSX

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

export function AuditedNotice() {
  return <ClauseAudit label="Prepare the remarkably ordinary handoff" />;
}

03 / API

Small surface area.

PropTypeDescription

labelstringThe words inspected one at a time by the audit ledger.