# Cart drawer

Cart drawer: a free component, built on your design tokens, to use when someone opens their bag from any page of a shop. A shopping bag open as a side sheet over the dimmed page: items with product photos, quantity steppers and Remove, a quiet bar towards free delivery, the subtotal and total, and Checkout.

Prompt: Add the OpenDesigner component cart-drawer to this project: https://opendesigner.dev/library/r/cart-drawer.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: items, free delivery reached, empty, minimum quantity, hover, focus.

Accessibility: The sheet is a labelled dialog; each stepper is a named group whose count is announced, Remove names its item and moves focus to the next one, and the free-delivery bar is a labelled progress bar.

File: https://opendesigner.dev/library/r/cart-drawer.html