Component

AlternatingIntake

The first item must enter from the left, the next from the right, and so on. The admitted items form a real manifest while a wrong gate is rejected, making the order rule observable rather than decorative.

Possible use

It could make a reviewer admit handoff fields from alternating sides of a paper tray, or let a presenter reveal agenda items as if left-right parity were an editorial rule. The sequence adds friction without adding order that anyone needs.

Reasonable alternative

A reasonable local alternative is the authored order or a normal checklist. A two-gate intake should not decide how a stable list is read.

01 / Preview

Try it yourself.

The manifest is waiting for a left entry.

TitleStatusOwnerDue date

Mechanism

1: The first entry must come through the left gate.
2: Alternate left and right; the admitted entries build a real manifest.
3: Use the wrong gate once to see the order rule reject it.

02 / Usage

Put it somewhere.

example.tsxTSX

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

export function AlternatingFields() {
  return (
    <AlternatingIntake>
      <span>Title</span>
      <span>Status</span>
      <span>Owner</span>
      <span>Due date</span>
    </AlternatingIntake>
  );
}

03 / API

Small surface area.

PropTypeDescription

childrenReactNodeThe entries admitted from alternating ends into the manifest.