Ajax UI
Components/Order Ticket

Order Ticket

Kitchen Display System (KDS) ticket - compact, with live elapsed-time timer and a status-advancing action button at the bottom.

Pedido

#142

Preparando
Mesa 07Carla⏱ 04:00
  • 2×

    X-Tudo

    ↳ sem cebola

  • 1×

    Batata grande

  • 2×

    Refrigerante 350ml

Pedido

#143

Novo
Balcão⏱ 00:30
  • 2×

    Café espresso

  • 4×

    Pão de queijo

Installation

npx @ajax-ui/cli add order-ticket

Props

  • orderNumber · openedAt - drives the live mm:ss timer.
  • status "new" | "preparing" | "ready" | "delivered".
  • items - { id, name, qty, note?, status? }[]. Items with status: "done" are struck through.
  • destination · server - optional context shown below the header.
  • onAdvance - bottom button label changes per status (Começar → Pronto → Entregar).