Cart drawer · Terminal
A slide-in shopping cart with line items, working quantity steppers and remove buttons, a free-shipping progress bar, subtotal and checkout button.
Design · Terminal12 / 20
Shell session: $ cart ls, one line per item with [-] 2 [+] and [x], a block-glyph progress bar and a [ checkout ] button.
Motion
The panel glides in from the right edge over a fading scrim and slides back out on close; removed lines slide away and the rest close the gap.
Accent
A slide-in shopping cart with line items, working quantity steppers and remove buttons, a free-shipping progress bar, subtotal and checkout button.
cartdrawerecommercecheckoutquantityshoppingside panelcommerce