KQ-849 · FORWARD/SLIP

Forward Slip

A thread where a message can have come from somewhere else. A forwarded message rises on glide and then its stamp, Forwarded from and the source thread's name, slides in from the bubble's outer edge on recoil, because a stamp is pressed on and lands with two bounces. The source name is a button that lifts two pixels on snap and draws a rule under itself on flick when hovered or focused; pressing it jumps, the host swaps the thread in, the list cross-fades and the original message takes focus.

KQ-849 · FORWARD/SLIP

Rui, 08:30. Any word on the vans? Basinworks are asking.
Ines, 08:32. Checking dispatch now.

Rui · 2 messages

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/forward-slip

Props

thread: SlipThread; default —; The visible thread: id, name, and messages carrying id, author, text, at, optional mine and optional forwardedFrom (threadId, threadName, messageId, author, at). Swapping the id cross-fades the list.
arriveAt: string; default —; A message id to focus once this thread mounts; the destination of a jump.
onJump: (target: SlipTarget) => void; default —; Fires from pressing a stamp's source name with the source threadId and messageId.
label: string; default thread.name; Names the thread for assistive technology.

Prop	Type	Default	Description
thread	SlipThread	—	The visible thread: id, name, and messages carrying id, author, text, at, optional mine and optional forwardedFrom (threadId, threadName, messageId, author, at). Swapping the id cross-fades the list.
arriveAt	string	—	A message id to focus once this thread mounts; the destination of a jump.
onJump	(target: SlipTarget) => void	—	Fires from pressing a stamp's source name with the source threadId and messageId.
label	string	thread.name	Names the thread for assistive technology.