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

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

​TableSide

​Preview

​Import

​Usage

​Props

​Behavior