# Restaurant cards

Restaurant cards: a free component, built on your design tokens, to use in a food delivery or local shops app, for browsing places nearby. Restaurants or stores in a list: a cover photo, name, cuisine and price level, rating with its count, delivery time and fee, an offer line and a favourite toggle.

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

States: saved, not saved, promo, new, hover, focus.

Accessibility: Each card is one link (its name) that covers the card, with the focus ring on the cover; save is a separate toggle button named for its place, and the rating is read as words.

File: https://opendesigner.dev/library/r/restaurant-card.html