Tender

Import

import { Tender } from '@tallyui/components';

Usage

import { useSale } from '@tallyui/pos';
import { Tender } from '@tallyui/components';

// Inside a component under TaxProvider.
const sale = useSale(settings, { registerId, cashierRef });
<Tender sale={sale} />

Renders only during the sale's tender stage. Cash payments show an amount input, change, and any balance due; card terminal payments show the total and a reference input. Includes completion, error, continuation, and Back controls as the sale state requires.

Props