# Location card

Location card: a free component, built on your design tokens, to use when an answer is one place to go: a shop, a clinic, a restaurant or a pick-up point. A place without a third-party map: its name and address over a drawn street pattern with a pin, how far it is, its opening hours and an Open in maps button.

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

States: with distance, with hours, hover, focus, disabled.

Accessibility: An article named by the place; the drawn map is decorative and hidden from screen readers, the address is an address element, and Open in maps is a real button.

File: https://opendesigner.dev/library/location-card.html

Catalog entry (parts, data limits, states, tokens): https://opendesigner.dev/library/location-card.json

Download: `curl -fsSLo location-card.html https://opendesigner.dev/library/location-card.html`