Skip to main content

TableSide

Need storefront configuration?

Use the public API origin, merchant slug, and location ID. Storefront components never receive a Crave API key; register each exact browser origin before making requests.
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

Usage

Props

string
required
The location ID to validate table numbers against.
(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