# Wishlist grid

Wishlist grid: a free component, built on your design tokens, to use on a saved-items or wishlist tab of a shop. Saved items in a two-column grid that widens on larger screens: product photos, price drops marked, a sold-out item, Move to bag and remove, and a slot that hints where the next saved item goes.

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

States: price drop, in bag, sold out, removed, hover, focus.

Accessibility: Move to bag is a toggle with aria-pressed and the sold-out one is disabled; each heart names the item it removes and moves focus on, changes are announced, and old prices are read as "was".

File: https://opendesigner.dev/library/r/wishlist-grid.html