Component

CheckboxProcession

Check the named next label in opening-letter order. Accepted boxes remain checked and appear with their filing number; a premature box stays empty until the procession is reset or the correct item is chosen.

Possible use

It could make a reviewer complete handoff fields only when their opening letters permit it, or let a presenter reveal agenda checks in a secretarial procession. The sequence creates ceremony without changing what a checklist means.

Reasonable alternative

A reasonable local alternative is an ordinary independent checklist or an explicit dependency model when order genuinely matters. A checkbox should not become a queue by surprise.

01 / Preview

Try it yourself.

Next: Deadline

File these labels in their hidden alphabetical orderOwnerDeadlineStatusDecision

Mechanism

1: Read the next label announced above the checklist.
2: Check labels in their opening-letter order.
3: A premature box stays empty while accepted boxes keep their filing number.
4: Empty the procession when the checklist has become a queue.

02 / Usage

Put it somewhere.

example.tsxTSX

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

export function FiledFields() {
  return <CheckboxProcession items={["Owner", "Deadline", "Status", "Decision"]} />;
}

03 / API

Small surface area.

PropTypeDescription

itemsreadonly string[]The labels that must be checked in the component's opening-letter order.