Component

PhoneticSpelling

Spell it out replaces each letter with its NATO phonetic code word and marks spaces or punctuation visibly. Restore wording returns the original label exactly.

Possible use

It could let a reviewer broadcast a handoff code over a noisy channel, or let a presenter turn an agenda caption into an extravagant radio readout before restoring it. A local label rarely needs to become an entire alphabet exercise.

Reasonable alternative

A reasonable local alternative is showing the original label and using a phonetic helper only for the one value being communicated aloud. Expanding every character makes ordinary reading much harder.

01 / Preview

Try it yourself.

Visible wording

Meet at 10:30

Mechanism

1: Start with a short label containing letters and punctuation.
2: Spell it out to expand every character into a code word.
3: Inspect the actual radio callsigns and marked spaces.
4: Restore wording when the broadcast has become excessive.

02 / Usage

Put it somewhere.

example.tsxTSX

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

export function BroadcastLabel() {
  return <PhoneticSpelling label="Meet at 10:30" />;
}

03 / API

Small surface area.

PropTypeDescription

labelstringThe text expanded into one visible phonetic token per character.