# Stay card

Stay card: a free component, built on your design tokens, to use in a list or map of places to stay, for one listing a traveller can save or open. A holiday rental or hotel listing: a swipeable photo carousel with dots, a favourite heart, the place, host and dates, the rating, and the price per night with the total.

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

States: photo 1 to 4, saved, discounted, hover, focus.

Accessibility: The title is the one link; previous and next photo buttons appear on hover or focus and announce the photo count, the heart is a toggle button with aria-pressed, and each photo has alt text.

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