KQ-607 · TRANSFER/RECEIPT

Transfer Receipt

A send unrolls the sheet from a true zero to the height a ResizeObserver measured, on glide, with overflow-hidden clipping it so the lines emerge from under the top edge in a cascade rather than fading in place. Once the last line lands the reference types itself in, one character per tick, pausing while the tab is hidden; pressing it copies the reference and the glyph draws a check on flick. The lines are a real description list, the reference is a button one Tab away, and a single polite live region announces the receipt on settle rather than per character.

KQ-607 · TRANSFER/RECEIPT

Waylight Pay · Fernworks Supply320.00

Waylight Pay idle

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/transfer-receipt

Props

open: boolean; default —; Raise it once the send has gone through; the sheet unrolls.
amount: number; default —; The sum sent, printed at the head of the sheet.
format: (value: number) => string; default Intl.NumberFormat, two decimals; Formats the head figure and every line carrying an amount.
lines: ReceiptLine[]; default []; Label and value pairs printed in order; a line's amount is routed through format.
reference: string; default —; The reference number that types itself in and is copied on press.
title: string; default Transfer receipt; Sheet heading and the section's accessible name.
typeSpeedMs: number; default 45; Milliseconds per typed character; 0 prints the reference at once.
onCopy: (reference: string, ok: boolean) => void; default —; Fires from the copy press with whether the clipboard accepted it.

Prop	Type	Default	Description
open	boolean	—	Raise it once the send has gone through; the sheet unrolls.
amount	number	—	The sum sent, printed at the head of the sheet.
format	(value: number) => string	Intl.NumberFormat, two decimals	Formats the head figure and every line carrying an amount.
lines	ReceiptLine[]	[]	Label and value pairs printed in order; a line's amount is routed through format.
reference	string	—	The reference number that types itself in and is copied on press.
title	string	Transfer receipt	Sheet heading and the section's accessible name.
typeSpeedMs	number	45	Milliseconds per typed character; 0 prints the reference at once.
onCopy	(reference: string, ok: boolean) => void	—	Fires from the copy press with whether the clipboard accepted it.