Tally UI

SplitTender

Multiple payment entries with paid, remaining, and change totals

Import

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

Usage

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

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

Renders only during the tender stage, with controls to add or remove cash and card terminal payments. Shows total, paid, remaining, and any change; completion is disabled while a balance remains or there are no payments.

Props

PropTypeDefaultDescription
saleReturnType<typeof useSale>requiredThe sale from useSale

On this page