> ## Documentation Index
> Fetch the complete documentation index at: /docs/llms.txt
> Use this file to discover all available pages before exploring further.

# <TableSide />

> Table number input for dine-in table-side ordering.

# TableSide

<Snippet file="api-key-location.mdx" />

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

Desktop

Mobile

## Import

```tsx theme={null}
import { TableSide } from '@/components/TableSide'
```

## Usage

```tsx theme={null}
<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


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.