Component

VowelShift

One action transforms a readable label by cycling a→e→i→o→u→a while preserving consonants, spaces and case. The transformed copy replaces the original until it is explicitly restored.

Possible use

It could let a reviewer create a temporary pronunciation puzzle from a handoff line, or let a presenter make an agenda label pass through an invented dialect before restoring it. Neither use improves the copy.

Reasonable alternative

A reasonable local alternative is keeping the label readable and using a local string transform only for a real linguistic task. A vowel wheel is a poor place to store editorial intent.

01 / Preview

Try it yourself.

Displayed copyPrepare the ordinary handoff

Every vowel is waiting to be moved to its next vowel.

Mechanism

1: Start with a readable label and ordinary vowels.
2: Shift every vowel to its next place; the displayed copy changes.
3: Restore the label when the invented dialect has done enough damage.

02 / Usage

Put it somewhere.

example.tsxTSX

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

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

03 / API

Small surface area.

PropTypeDescription

labelstringThe readable text whose vowels are cyclically shifted.