Component

ConsonantTransfer

Transfer consonants applies a reversible Pig Latin-like transform to each ASCII word while preserving spaces and punctuation. The readable sentence is replaced by its genuinely rearranged version until Restore wording brings it back.

Possible use

It could let a reviewer turn a handoff sentence into a temporary pronunciation puzzle, or let a presenter make an agenda label speak in a deliberately inconvenient dialect before restoring it. Neither use makes the words clearer.

Reasonable alternative

A reasonable local alternative is keeping the label readable and applying a local string transform only in a language exercise. A display component should not make ordinary copy travel through a word game.

01 / Preview

Try it yourself.

Preview Interactive
Consonant transferReadable
Visible wording

Prepare the remarkably ordinary handoff

Move each opening consonant cluster to the far end of its word.

Mechanism
1
Transfer each word's opening consonants.
2
Watch the actual sentence reorder its letters.
3
Restore wording when the language exercise is over.

02 / Usage

Put it somewhere.

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

export function TransferredLabel() {
  return <ConsonantTransfer label="Prepare the ordinary handoff" />;
}

03 / API

Small surface area.

PropTypeDescription
labelstringThe phrase whose opening consonant clusters are moved to each word's end.