Component

ChecksumOrder

The component calculates a checksum from the supplied words and uses it to choose a required order for Count words, Read first and Read last. A wrong action clears the draft; the correct sequence posts the label.

Possible use

It could make a reviewer perform a word-count ritual before filing a handoff note, or let a presenter require an agenda line to pass a miniature checksum gate. The checksum adds ceremony without protecting the content.

Reasonable alternative

A reasonable local alternative is one submit action with an explicit validation message. A hidden order is a poor substitute for a clear workflow.

01 / Preview

Try it yourself.

Preview Interactive
Checksum order0 / 3 steps
Incoming labelFile the ordinary handoff
Word checksum22

Next: Read last. A wrong step voids the draft.

Mechanism
1
Read the hidden word checksum in the header.
2
Submit Count, Read first and Read last in its calculated order.
3
A wrong step clears the draft; a correct sequence posts the label.

02 / Usage

Put it somewhere.

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

export function CheckedNotice() {
  return <ChecksumOrder label="File the ordinary handoff" />;
}

03 / API

Small surface area.

PropTypeDescription
labelstringThe words whose character lengths determine the required action order.