Component

SkipLedger

Choose the highlighted item, then skip the next remaining item after every filing. The available cargo shrinks, the manifest preserves the actual selection order and a wrong choice stays available until the route is corrected.

Possible use

It could let a reviewer inspect every other handoff field before returning to the skipped ones, or let a presenter reveal agenda items with a mathematically tidy omission. The order is precise but unrelated to the content.

Reasonable alternative

A reasonable local alternative is the authored order, a normal checklist or an explicit priority rule. A skip ledger makes a list harder to read in order to celebrate its traversal algorithm.

01 / Preview

Try it yourself.

Next permitted cargoChoose item 1After each filing, skip the next available item.

Filed manifest

Nothing filed yet.

Mechanism

1: Choose the highlighted item.
2: The next available item is skipped.
3: File the remaining items in the computed route.

02 / Usage

Put it somewhere.

example.tsxTSX

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

export function SkippingFields() {
  return (
    <SkipLedger>
      <span>Title</span>
      <span>Status</span>
      <span>Owner</span>
      <span>Deadline</span>
    </SkipLedger>
  );
}

03 / API

Small surface area.

PropTypeDescription

childrenReactNodeThe cargo filed by the component's circular skip-one route.