Component

GateSequence

The four visible gates are Scan, Stamp, File and Release, but the required starting gate rotates with the caption's word count. A wrong gate sends the cargo back to intake; the correct sequence releases it, and Reset route starts over.

Possible use

It could make a reviewer pass a handoff sentence through a miniature custody route, or let a presenter rehearse an agenda label before releasing it to a slide. The hidden route protects nothing and slows everything.

Reasonable alternative

A reasonable local alternative is one explicit release action with a visible status. A deterministic button order should not masquerade as a workflow.

01 / Preview

Try it yourself.

CargoPrepare the remarkably ordinary handoffThe stamp gate is waiting.

Mechanism

1: Read which gate is waiting for this caption.
2: Pass Scan, Stamp, File and Release in the demanded order.
3: Choose the wrong gate to send the cargo back to intake.

02 / Usage

Put it somewhere.

example.tsxTSX

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

export function RoutedCaption() {
  return <GateSequence label="Prepare the remarkably ordinary handoff" />;
}

03 / API

Small surface area.

PropTypeDescription

labelstringThe caption whose word count determines the required gate order.