Skip to main content

​
TableSide

A simple input for customers to enter their table number for dine-in table-side ordering. Validates the table number against the location’s configured tables.

​
Preview

View in Storybook

​
Import

import { TableSide } from '@/components/TableSide'

​
Usage

<TableSide
  locationId={locationId}
  onTableConfirmed={handleTableConfirmed}
/>

​
Props

​
locationId
string
required
The location ID to validate table numbers against.
​
onTableConfirmed
(tableNumber: string) => void
required
Callback fired when a valid table number is submitted.

​
Behavior

  • Numeric input with large, touch-friendly buttons
  • Validates table number exists for the location
  • Shows error for invalid table numbers
  • Auto-populated when accessed via QR code scan with table parameter