Component

BlankFiling

It places a small form in front of an ordinary group of children and treats an empty submission as a filing instruction. Each blank submission moves the next child into a separate void shelf; entering evidence makes the form refuse to move anything.

Possible use

It could be used to let a reviewer file the fields of a handoff card by repeatedly submitting an empty acknowledgement, or to make a presenter move agenda labels into a void shelf without ever explaining why.

Reasonable alternative

A reasonable local alternative is a form submit handler with one array slice and a normal button. Publishing a blank filing protocol is difficult to defend because an absence of evidence should not reorganize content.

01 / Preview

Try it yourself.

Waiting room

Title

Status

Owner

Date

Filed by nothingThe void is still vacant.

Leave the evidence field empty and submit. Each blank filing moves one label into the void.

Mechanism

1: Start with four ordinary fields and an empty evidence field.
2: Submit the blank field with the button or the Enter key.
3: The next child leaves the waiting room and appears in the void shelf.
4: Type anything to refuse the filing, or reset after all four absences have been recorded.

02 / Usage

Put it somewhere.

example.tsxTSX

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

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

03 / API

Small surface area.

PropTypeDescription

childrenReactNodeThe content filed one piece at a time by empty form submissions.