Component

PigLatinParcel

Pack the supplied words by moving their initial consonant cluster to the end and adding `ay`, or add `way` to vowel-led words. The visible sentence changes character by character while punctuation and spacing stay in place.

Possible use

It could let a reviewer disguise a handoff title for a childish private channel, or let a presenter turn an agenda caption into a playful reveal before restoring it. The transformed sentence communicates less while pretending to be a transport format.

Reasonable alternative

A reasonable local alternative is keeping the label readable and applying a real transformation only at a playful, explicitly local boundary. A display component should not make ordinary copy speak Pig Latin by default.

01 / Preview

Try it yourself.

Visible wordingPrepare the ordinary handoff

Mechanism

1: Start with an ordinary readable sentence.
2: Pack the wording to move consonant clusters and add the Pig Latin endings.
3: The actual words change while punctuation and spacing stay in place.
4: Restore the label when the parcel has said enough.

02 / Usage

Put it somewhere.

example.tsxTSX

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

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

03 / API

Small surface area.

PropTypeDescription

labelstringThe readable sentence transformed into and restored from a Pig Latin parcel.