Component
ColumnTranspose
Transpose columns performs a real row-to-column word transposition, so the visible wording changes order while every word remains present. The numbered word grid shows the new traversal, and Restore rows returns the supplied phrase.
Possible use
It could let a reviewer inspect a handoff sentence as a filing matrix, or let a presenter create a temporary agenda artifact that must be read by columns. The reversible rearrangement is technically clean and practically unhelpful.
Reasonable alternative
A reasonable local alternative is keeping the caption readable and using a local array transform for an actual data exercise. A display component should not make ordinary reading pay for a matrix.
01 / Preview
Try it yourself.
Prepare the remarkably ordinary handoff
- 1
- Write the words across a row in your head.
- 2
- Transpose the actual word order by visiting columns.
- 3
- Restore rows when the matrix has made its point.
02 / Usage
Put it somewhere.
import { ColumnTranspose } from "gra-ui";
import "gra-ui/styles.css";
export function TransposedCaption() {
return <ColumnTranspose label="Prepare the remarkably ordinary handoff" />;
}03 / API
Small surface area.
labelstringThe phrase rewritten by a reversible columnar word transposition.