Component

OutcomeTriptych

It asks the user to choose whether the content should be promoted, quarantined or muffled. The selected outcome changes the actual rendered treatment and remains visible until indecision is restored.

Possible use

It could make a reviewer decide whether a handoff note is promoted, quarantined or deliberately softened, or let a presenter assign one agenda label a fate before continuing.

Reasonable alternative

A reasonable local alternative is one explicit status near the data and one local conditional. A reusable tribunal for three theatrical outcomes obscures a decision that should be plain.

01 / Preview

Try it yourself.

02 / Usage

Put it somewhere.

example.tsxTSX

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

export function JudgedNotice() {
  return <OutcomeTriptych><span>Ready for review</span></OutcomeTriptych>;
}

03 / API

Small surface area.

PropTypeDescription

childrenReactNodeThe content given one of three visibly different outcomes.