OrderTicket

OrderTicket is part of the Containers set, imported from @jcsoftdev/ui/containers.

Import

import { OrderTicket } from "@jcsoftdev/ui/containers";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/containers/order-ticket.

Usage

<OrderTicket
  table="Mesa 8"
  guests={4}
  server="Rosa"
  targetMinutes={20}
  lines={seed}
  chip="Fondos"
/>

Props

Prop	Type	Default	Description
table	string
number	string | number
channel	OrderTicketChannel
guests	number
server	string
customer	string
since *	string | Date
targetMinutes *	number
serverOffsetMs	number
state	"ok" | "warn" | "late"
lines *	readonly OrderTicketLine[]
partIndex	number
partCount	number
recovered	boolean
chip	ReactNode
readOnly	boolean	false
onStartAll	((lines: readonly OrderTicketLine[]) => void)
onReadyAll	((lines: readonly OrderTicketLine[]) => void)
actions	ReactNode
hanging	boolean
headingLevel	2 | 4 | 3	3
viewTransitionName	string
classNames	Partial<Record<OrderTicketPart, string>>

* marks a required prop.

It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).

Storybook stories

• Default
• Late
• Kitchen Board
• Wall Screen

Source

packages/ui/src/containers/order-ticket/order-ticket.tsx