Component
FilingFork
The three choices render different HTML structures: a numbered filing ledger, a fieldset container or a quoted echo. The result is not a tint or a label change; it is a real structural fork that can be returned to intake.
Possible use
It could let a reviewer choose whether a handoff note belongs in a ledger, a containment frame or an emphatic quote, or let a presenter give one agenda line a temporary stage format. Neither use needs a reusable fork because the intended structure is already known.
Reasonable alternative
A reasonable local alternative is choosing one semantic structure at the call site and styling it locally. Making the audience vote on a shelf adds a decision without improving the content.
01 / Preview
Try it yourself.
One piece of content. Three defensible shelves.
- 1
- Choose Ledger, Frame or Echo.
- 2
- The child moves into a genuinely different HTML structure.
- 3
- Return to intake when the shelf feels too authoritative.
02 / Usage
Put it somewhere.
import { FilingFork } from "gra-ui";
import "gra-ui/styles.css";
export function ShelvedNotice() {
return <FilingFork><span>Needs a decision</span></FilingFork>;
}03 / API
Small surface area.
childrenReactNodeThe content placed into one of three incompatible filing structures.