gra-ui

Component

WritingTribunal

Choose Row, Column or Mirror. The child is actually rendered with normal flow, vertical writing mode or right-to-left override, so the verdict changes the reading geometry rather than merely its decoration.

Possible use

It could let a reviewer choose whether a handoff note should read across, down or from the other edge, or let a presenter give an agenda label a direction before it enters a slide. Both uses turn a known layout choice into a public hearing.

Reasonable alternative

A reasonable local alternative is setting `writing-mode` or `direction` directly where the content is authored. A tribunal should not decide how ordinary copy flows.

01 / Preview

Try it yourself.

Preview Ready

02 / Usage

Put it somewhere.

example.tsxTSX
import { WritingTribunal } from "gra-ui";
import "gra-ui/styles.css";

export function RuledNotice() {
  return <WritingTribunal><span>Needs a decision</span></WritingTribunal>;
}

03 / API

Small surface area.

PropTypeDescription
childrenReactNodeThe content subjected to three materially different writing directions.