Ajax UI
Components/Table Layout

Table Layout

Grid of restaurant/bar tables with color-coded status - free, occupied, reserved, closing, dirty.

Installation

npx @ajax-ui/cli add table-layout

Props

  • tables - { id, label, seats?, status, ticketTotal? }[].
  • status per table: "free" | "occupied" | "reserved" | "billing" | "dirty".
  • ticketTotal - shown when set (typically for occupied/billing).
  • columns 2–6 · selectedTableId · onTableClick(id).