Component

InsideOutWords

It treats every word as a small reversible object. Click any word to turn its letters inside out in the rendered text; each reversal persists independently until the sentence is restored.

Possible use

It could be used to make a reviewer reverse the words they have challenged in a handoff note, or to let a presenter mark agenda terms as temporarily unreadable while discussing their meaning.

Reasonable alternative

A reasonable local alternative is the original label plus one ordinary annotation style. Publishing clickable word reversal is difficult to defend because rearranging letters is not a credible review status.

01 / Preview

Try it yourself.

Mechanism

1: Start with every word in its original spelling.
2: Click any word, or focus it and press Enter or Space.
3: Only that word reverses its actual letters and stays reversed.
4: Restore the sentence when the typography has become too honest.

02 / Usage

Put it somewhere.

example.tsxTSX

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

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

03 / API

Small surface area.

PropTypeDescription

labelstringThe text whose individual words can be reversed in place.