# Boarding pass

Boarding pass: a free component, built on your design tokens, to use in a travel or airline app, for the pass a traveller shows at the gate. A wallet-style boarding pass: from and to airport codes joined by a plane line, gate, seat, boarding time and group, the passenger, a drawn barcode and a notched tear line.

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

States: on time.

Accessibility: The pass is an article named by flight and route; gate, seat, boarding time and group are a description list, and the barcode is an image named with its booking code.

File: https://opendesigner.dev/library/r/boarding-pass.html