# Itinerary

Itinerary: a free component, built on your design tokens, to use in a travel app's trip view, for following a trip one day at a time. A trip day by day: day tabs, a drawn map with a numbered pin per stop, and a timeline of trains, stays, meals and plans with times, photos of the places, details and confirmation codes.

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

States: day 1 to 3, pin shown, hover, focus.

Accessibility: Days are a tablist (arrow keys move between them); each stop is a list item with its time, and its numbered button is a toggle named with the stop that highlights the matching pin on the map; the map is decorative and each place photo has alt text.

File: https://opendesigner.dev/library/r/itinerary.html