Component

ReverseQueue

It requires the final child to board first, followed by each predecessor. Wrong selections remain available and visibly rejected; the completed manifest preserves the actual reverse order of the children.

Possible use

It could make a reviewer board a handoff brief in reverse importance, or let a presenter reveal agenda fields backward as if arrival order were a meaningful editorial rule.

Reasonable alternative

A reasonable local alternative is rendering the intended order directly. Making users click four items backwards is a sequence puzzle masquerading as a queue.

01 / Preview

Try it yourself.

The manifest is waiting for the last item first.

Mechanism

1: Start with four items waiting in their ordinary order.
2: Board Date first, then Owner, Status and Title.
3: A wrong choice shakes but does not remove the item.
4: Empty the queue when the reverse manifest feels sufficiently official.

02 / Usage

Put it somewhere.

example.tsxTSX

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

export function BackwardsBrief() {
  return (
    <ReverseQueue>
      <span>Title</span>
      <span>Status</span>
      <span>Owner</span>
      <span>Date</span>
    </ReverseQueue>
  );
}

03 / API

Small surface area.

PropTypeDescription

childrenReactNodeThe child items boarded from last to first.