KQ-852 · TYPING/ECHO
Typing Echo
A typing indicator that lives in the thread. A slot under the message list is measured by a ResizeObserver and glides open on glide while an echo of the coming bubble, with the typers' initial avatars, rises on snap; three dots ride one staggered keyframe wave so no two are ever at the same height, and a caption names exactly who is typing. When they stop, the echo fades on the exit ease and the slot collapses to give the room back. It has no controls; a persistent live region speaks each change of caption once.
KQ-852 · TYPING/ECHO
- Can the Friday run take 4471?
- Checking the dock sheet now.
Quiet · 2 messages
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/typing-echo
Props
- messages
- EchoMessage[]
- default —
- The thread, oldest first: id, the sender's name, the text, and own for the viewer's messages.
- typing
- string[]
- default —
- Who is typing now, in the order they started; an empty array collapses the slot.
- max
- number
- default 2
- Names spelled out before "and N others".
- label
- string
- default —
- Names the thread list for assistive technology.
| Prop | Type | Default | Description |
|---|---|---|---|
| messages | EchoMessage[] | — | The thread, oldest first: id, the sender's name, the text, and own for the viewer's messages. |
| typing | string[] | — | Who is typing now, in the order they started; an empty array collapses the slot. |
| max | number | 2 | Names spelled out before "and N others". |
| label | string | — | Names the thread list for assistive technology. |