Component

PartitionRite

Bisect the panel three times. Each division doubles the real grid and moves the notice into its own final section; Reunite sections returns the panel to one piece.

Possible use

It could let a reviewer subdivide a handoff note until one sentence receives its own administrative province, or let a presenter split an agenda label into increasingly precious territory. The borders do not clarify the message.

Reasonable alternative

A reasonable local alternative is one ordinary container with a deliberate max-width or border. A notice should not need a progress ritual to find its own column.

01 / Preview

Try it yourself.

One notice, four unnecessary borders

Mechanism

1: Start with one notice in one generous section.
2: Press Bisect again to double the real grid.
3: After three divisions, the notice occupies one tiny province.
4: Reunite sections when the borders have become enough ceremony.

02 / Usage

Put it somewhere.

example.tsxTSX

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

export function ProvincialNotice() {
  return <PartitionRite><span>One notice, four unnecessary borders</span></PartitionRite>;
}

03 / API

Small surface area.

PropTypeDescription

childrenReactNodeThe notice progressively isolated inside the growing partition grid.