OpeningBalanceTotalsBar
The opening-balance trial balance's last line: debit and credit totals, whether they balance (or what is out and where the gap goes), and Discard / Post.
import { OpeningBalanceTotalsBar } from "@cynco-labs/ui";Example
import { OpeningBalanceTotalsBar } from "@cynco-labs/ui";
export default function OpeningBalanceTotalsBarDemo() {
return (
<div className="flex flex-col gap-3">
<OpeningBalanceTotalsBar debit={842310.55} credit={842310.55} filled={38} isDirty />
<OpeningBalanceTotalsBar
debit={842310.55}
credit={839110.55}
filled={37}
isDirty
suspenseLabel="3900-000 Opening Balance Suspense"
entryStatus="draft"
/>
<OpeningBalanceTotalsBar debit={0} credit={0} filled={0} onlySubledger canPost={false} />
</div>
);
}Use
Sticky at the bottom of the opening balances sheet.
Props
debit, credit, currency?, filled, invalidCount?, overLimit?, maxAmount?, suspenseLabel?, onlySubledger?, entryStatus? (draft|posted), isDirty?, isPosting?, canPost?, onDiscard?, onPost?, className? (merged on the root) and native props.
Notes
Responsive: Container-responsive: one line from 48rem, below that the status box and buttons wrap to their own rows.