Component

VerdictSelector

It gives a label a tiny editorial tribunal. Choosing Headline moves the last word to the front, Ledger numbers every word, and Whisper reduces the sentence to initials; the decision changes the actual rendered content rather than just its styling.

Possible use

It could be used to let a reviewer choose whether a handoff note should read like a headline, ledger or whisper, or to make a presenter select the unnecessarily official register for an agenda line.

Reasonable alternative

A reasonable local alternative is one formatter function selected directly by the page. Publishing an editorial tribunal is difficult to defend because three buttons should not decide how a short label is allowed to exist.

01 / Preview

Try it yourself.

The panel refuses to interpret it.Ready for another review

Mechanism

1: Start with one label and no editorial verdict.
2: Choose Headline, Ledger or Whisper.
3: The result changes its actual words, order or notation.
4: Reopen the case to make a different decision.

02 / Usage

Put it somewhere.

example.tsxTSX

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

export function JudgedStatus() {
  return <VerdictSelector label="Ready for another review" />;
}

03 / API

Small surface area.

PropTypeDescription

labelstringThe whitespace-separated text given to the three competing verdicts.