Component

SliceReferendum

It offers an opening, middle or closing cut and replaces the full label with the selected excerpt. Each choice returns different words, so the component is an unnecessary editorial decision rather than a cosmetic toggle.

Possible use

It could let a reviewer decide whether a handoff note deserves its opening request or closing deadline, or let a presenter reduce an agenda sentence to the clause that feels most official.

Reasonable alternative

A reasonable local alternative is choosing a substring near the data or writing the intended excerpt directly. A referendum makes a deterministic editorial cut look like governance.

01 / Preview

Try it yourself.

Preview Interactive
Slice referendumUndecided

The full label awaits an editorial cut.

Choose the surviving slice

Three cuts are available, and none is more editorial than the others.

Mechanism
1
Start with the entire label awaiting a cut.
2
Choose Opening, Middle or Closing.
3
The surviving excerpt is actual content, not a tint on the same sentence.

02 / Usage

Put it somewhere.

example.tsxTSX
import { SliceReferendum } from "gra-ui";
import "gra-ui/styles.css";

export function TrimmedNotice() {
  return <SliceReferendum label="Please file the remarkably ordinary handoff note today" />;
}

03 / API

Small surface area.

PropTypeDescription
labelstringThe sentence divided into three competing surviving excerpts.