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

PropTypeDefaultDescription
items / keyFor / renderItemT[] / (item) => string / (item) => ReactNodeGeneric queue contents with stable keys driving enter, exit, and reorder identity.
side"top" | "bottom""top"The feed edge new items enter from.
maxVisiblenumber6Rows shown before the oldest overflow into a +N more count.
announceItem(item: T) => stringScreen-reader text per row for the live log region.