Component

SignalChoice

It offers genuinely divergent content states rather than cosmetic variants. The selected choice replaces the label with a different notation and can be restored without a formatter dependency.

Possible use

It could turn a handoff status into an unnecessarily formal signal, or let a presenter choose a different notation for each agenda line.

Reasonable alternative

A reasonable local alternative is one explicit formatter chosen by the page. Three incompatible records are not a useful label API.

01 / Preview

Try it yourself.

Choose a format for the same message.Ready for review

Mechanism

1: Start with one ordinary sentence.
2: Choose Morse, Braille or Ledger.
3: Each choice replaces the actual text with a different notation.
4: Restore the label when no notation deserves to win.

02 / Usage

Put it somewhere.

example.tsxTSX

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

export function EncodedStatus() {
  return <SignalChoice label="Ready for review" />;
}

03 / API

Small surface area.

PropTypeDescription

labelstringThe text transformed by the selected encoding.