Component

ApportionVeil

Assign one veil at a time and the child changes chamber shape, scale and perimeter. The layers are real visible geometry, so a simple notice ends up with more privacy policy than content.

Possible use

It could let a reviewer add one privacy layer per awkward question, or let a presenter protect an agenda line until it has received enough ceremony. Neither use makes the underlying message safer or wiser.

Reasonable alternative

A reasonable local alternative is one disclosure state or one explicit permission label. A four-stage veil turns a binary visibility decision into a decorative allocation process.

01 / Preview

Try it yourself.

Ready for another review

Unissued — The notice is still in the open air.

Mechanism

1: Begin with the notice exposed and unallocated.
2: Assign a veil; the actual chamber shape and perimeter change.
3: Give the notice four layers, then unveil it when the ceremony is complete.

02 / Usage

Put it somewhere.

example.tsxTSX

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

export function VeiledNotice() {
  return <ApportionVeil><span>Ready for another review</span></ApportionVeil>;
}

03 / API

Small surface area.

PropTypeDescription

childrenReactNodeThe notice progressively surrounded by four visible veils.