Crossfoot Gap

ui

An editable invoice grid that validates itself the way a bookkeeper crossfoots a ledger: row totals right of a vertical rule, column totals under a horizontal one, and a corner gap whose width (not a warning icon) carries the size of the mismatch.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/crossfoot-gap.json"

Sign In

Crossfoot Gap

ui

An editable invoice grid that validates itself the way a bookkeeper crossfoots a ledger: row totals right of a vertical rule, column totals under a horizontal one, and a corner gap whose width (not a warning icon) carries the size of the mismatch.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/crossfoot-gap.json"

components/ui/crossfoot-gap.tsx