KQ-733 · QUEUE/NUMBER

Queue Number

A branch queue display for one customer. The now-serving figure is an odometer whose digit columns roll up to each new face on snap, wrapping 9 to 0 without changing direction; beneath it the customer's own card counts an estimated wait down one second at a time, re-syncs whenever the served number changes, and when called tints cobalt and breathes on drift. The board is a labelled group and the card's status sentence changes per call, never per second.

KQ-733 · QUEUE/NUMBER

Coldbrook Bank · Counter 3

Serving A-042 · yours A-047 · 4 before you

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/queue-number

Props

serving: number; default —; The number now being served; the board rolls to it.
ticket: number; default —; The customer's own number.
secondsPerTicket: number; default 90; Estimated seconds per ticket ahead; the wait is this times the tickets that remain.
running: boolean; default true; Whether the estimate counts down.
format: (value: number) => string; default "A-042" style, padded to three digits; How a number prints; digits become odometer columns, other characters print as they are.
label: string; default "Now serving"; The counter's name, printed above the figure.

Prop	Type	Default	Description
serving	number	—	The number now being served; the board rolls to it.
ticket	number	—	The customer's own number.
secondsPerTicket	number	90	Estimated seconds per ticket ahead; the wait is this times the tickets that remain.
running	boolean	true	Whether the estimate counts down.
format	(value: number) => string	"A-042" style, padded to three digits	How a number prints; digits become odometer columns, other characters print as they are.
label	string	"Now serving"	The counter's name, printed above the figure.