KQ-019 · CONVEYOR/LIST
Conveyor List
A queue that moves like a belt — items drift in from the feed side, brake into their slot with a squash, and lift off the belt when removed.
KQ-019 · CONVEYOR/LIST
Render queue
3 jobs
- comp_hero_v3.mp4 queued
- frame_0142.exr rendering
- grade_master_v2.mov rendering
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/conveyor-list
Props
- items / keyFor / renderItem
- T[] / (item) => string / (item) => ReactNode
- default —
- Generic queue contents with stable keys driving enter, exit, and reorder identity.
- side
- "top" | "bottom"
- default "top"
- The feed edge new items enter from.
- maxVisible
- number
- default 6
- Rows shown before the oldest overflow into a +N more count.
- announceItem
- (item: T) => string
- default —
- Screen-reader text per row for the live log region.
| Prop | Type | Default | Description |
|---|---|---|---|
| items / keyFor / renderItem | T[] / (item) => string / (item) => ReactNode | — | Generic queue contents with stable keys driving enter, exit, and reorder identity. |
| side | "top" | "bottom" | "top" | The feed edge new items enter from. |
| maxVisible | number | 6 | Rows shown before the oldest overflow into a +N more count. |
| announceItem | (item: T) => string | — | Screen-reader text per row for the live log region. |