Component
BackspaceArchive
It lets you edit a label normally, except each Backspace deletion is copied into a permanent little tray for inspection.
01 / Preview
Try it yourself.
Keep this sentence
Backspace to collect characters
Edit the sentence, then use Backspace. Every removed character stays on record.
Mechanism
- 1
- Focus the pre-filled sentence.
- 2
- Press Backspace one character at a time.
- 3
- Watch each deletion become a permanent chip.
- 4
- Restore the sentence when the archive has done enough.
02 / Usage
Put it somewhere.
example.tsxTSX
import { BackspaceArchive } from "gra-ui";
import "gra-ui/styles.css";
export function ReviewedText() {
return <BackspaceArchive label="Keep this sentence" />;
}03 / API
Small surface area.
PropTypeDescription
labelstringThe starting text placed in the editable field.