Component

FatePanel

Choose Notice, Parcel or Monument. The child is actually rendered as an aside, a definition-list parcel or a figure with a blockquote, so the selected fate changes structure as well as the visible treatment.

Possible use

It could let a reviewer decide whether a handoff note should remain plain, become a filed object or be elevated into a monument, or let a presenter give an agenda item a temporary stage form. The choice changes ceremony rather than meaning.

Reasonable alternative

A reasonable local alternative is choosing the intended semantic element once at the call site. A fate panel makes an authoring decision look like a public tribunal.

01 / Preview

Try it yourself.

One child. Three unnecessarily final destinations.

Mechanism

1: Start with one child and three structurally different futures.
2: Choose Notice, Parcel or Monument; the actual element structure changes.
3: Return to uncertainty when the chosen destiny feels excessive.

02 / Usage

Put it somewhere.

example.tsxTSX

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

export function DestinedNotice() {
  return <FatePanel><span>Needs a decision</span></FatePanel>;
}

03 / API

Small surface area.

PropTypeDescription

childrenReactNodeThe content assigned to one of three structurally different fates.