Tally UI

RegisterPanel

Register dialog with session figures, cash movements, and closing controls

Import

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

Usage

<RegisterPanel
  register={register}
  currency="EUR"
  registerName="Front counter"
  open={registerOpen}
  onOpenChange={setRegisterOpen}
/>

Renders a register dialog with session sales count, movement actions, an expandable movement list with Undo, and Close register. Expected amounts and movement details are hidden during blind counting; nothing renders without a session or last closure.

Props

PropTypeDefaultDescription
registerReturnType<typeof useRegisterSession>requiredSession, expected figures, sales count, blind state, movements, last closure, and actions
currencystringrequiredISO 4217 code used for money display and movement amounts
registerNamestring---Panel title; the heading reads “Register” when omitted
openbooleanrequiredWhether the dialog is open
onOpenChange(open: boolean) => voidrequiredReceives dialog visibility changes, including false after starting the closing count
classNamestring---Additional styles for the dialog content

On this page