Component

MorseDispatch

New

Encode dispatch replaces each supported character with its Morse representation, preserves word boundaries as slash marks and displays the original glyph beside every code token. Restore wording removes the invented radio protocol.

Possible use

It could let a reviewer dispatch a handoff title to an imaginary radio desk, or let a presenter turn an agenda line into a silent transmission before revealing it again. No receiver is waiting and the message gains no secrecy.

Reasonable alternative

A reasonable local alternative is keeping the label readable and using a local encoder only at a real communications boundary. A display component should not make ordinary copy broadcast itself.

01 / Preview

Try it yourself.

Meet at ten

Mechanism

1: Start with an ordinary readable label.
2: Encode dispatch to replace every supported glyph with Morse.
3: Inspect the original character beside its dots or dashes.
4: Restore wording when the imaginary radio desk is done.

02 / Usage

Put it somewhere.

example.tsxTSX

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

export function RadioNotice() {
  return <MorseDispatch label="Meet at ten" />;
}

03 / API

Small surface area.

PropTypeDescription

labelstringThe readable text encoded into visible Morse tokens and restored on demand.