Component

GlyphMigration

Each press removes the next real character from the readable line and files it as a visible glyph token. Spaces become explicit dots in the archive, so the content and its progress are both observable.

Possible use

It could let a reviewer migrate a handoff sentence into a character-level archive, or let a presenter file an agenda line one glyph at a time as a tiny ceremony. Neither use makes the message easier to read or safer to store.

Reasonable alternative

A reasonable local alternative is leaving the sentence intact and using one local string operation when a parser truly needs individual characters. A transfer ledger should not supervise ordinary reading.

01 / Preview

Try it yourself.

Preview Ready

02 / Usage

Put it somewhere.

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

export function MigratingNotice() {
  return <GlyphMigration label="Please file this ordinary note" />;
}

03 / API

Small surface area.

PropTypeDescription
labelstringThe sentence whose real characters are transferred one at a time.