# Flight results

Flight results: a free component, built on your design tokens, to use on a flight search results page, for comparing and choosing a flight. A list of flight options: departure and arrival times and airports, the duration over a stops line, the airline as a drawn mark, the price, Best and Cheapest tags, and sort chips.

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

States: sorted by best, sorted by price, sorted by time, hover, focus.

Accessibility: Sort chips are toggle buttons with aria-pressed, and each flight is one link whose name reads the whole flight (times, airports, duration, stops, price and tag); the drawn marks are decorative.

File: https://opendesigner.dev/library/r/flight-results.html