Primitive 04 / Split tender

Split tender card

Editor for splitting a sale across cash, card, voucher and loyalty tenders. Progress bar tone-codes amber while under, green when balanced, red on overpay.

Production answer

Split tender card is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Split tender card states
Generative search brief

Split tender card: Editor for splitting a sale across cash, card, voucher and loyalty tenders. Progress bar tone-codes amber while under, green when balanced, red on overpay.

State 01 · stateful · partial tender, change remaining
Split payment

Allocate tender

Tendered vs total4%
Total due$1,279.00
Tendered$50.00
Remaining$1,229.00
Cleared$50.00
State 02 · fully tendered — cash + card + voucher
Split payment

Allocate tender

Tendered vs total100%
Total due$1,279.00
Tendered$1,279.00
BalanceFully tendered
Cleared$1,279.00
State 03 · overpaid · change due
Split payment

Allocate tender

Tendered vs total100%
Total due$1,279.00
Tendered$1,400.00
Change due$121.00
Cleared$1,279.00