Component

ExcerptShunt

Select a contiguous excerpt with the pointer or keyboard, then shunt it aside. The chosen characters leave the source sentence and appear in a separate tray; Restore sentence returns the original wording.

Possible use

It could let a reviewer pull a debatable clause out of a handoff before discussing it, or let a presenter remove one agenda phrase into a side tray while the room decides. Selection already identifies the phrase; moving it adds theatrical paperwork.

Reasonable alternative

A reasonable local alternative is a normal text selection, inline editing or one annotation beside the sentence. A component should not relocate content merely because it was highlighted.

01 / Preview

Try it yourself.

Move only the questionable clause

Mechanism

1: Select a contiguous phrase with the pointer or keyboard.
2: Shunt the selected characters into the filing tray.
3: The phrase leaves the source sentence for real.
4: Restore the sentence when the excerpt has been sufficiently discussed.

02 / Usage

Put it somewhere.

example.tsxTSX

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

export function FiledExcerpt() {
  return <ExcerptShunt label="Move only the questionable clause" />;
}

03 / API

Small surface area.

PropTypeDescription

labelstringThe sentence from which one selected contiguous excerpt can be moved.