gra-ui

Component

WordRelay

It repeatedly removes the final letter from every word and hands it to the beginning of the next word, preserving the total letters while making the sentence less useful.

01 / Preview

Try it yourself.

Preview Interactive
Word relayOriginal
  1. Title
  2. Status
  3. Owner
  4. Date

Every word is waiting for a handoff.

Pass one final letter onward at a time. The words change, but the sentence still has the same number of letters.

Mechanism
1
Start with four ordinary labels waiting in separate cells.
2
Pass the last letter of every word to the next word.
3
Each round preserves the letters while changing every label.
4
Return the letters when this handoff has become administratively important.

02 / Usage

Put it somewhere.

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

export function HandoffLabels() {
  return <WordRelay label="Title Status Owner Date" />;
}

03 / API

Small surface area.

PropTypeDescription
labelstringThe space-separated words whose final letters circulate between neighbors.