# Boarding Pass

A flight pass as an inset card over a stub. The Badge stamps a new status and the field that changed sits in a chip.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/boarding-pass
```

## Usage

```tsx
import { BoardingPass } from '@/components/fetaui/boarding-pass'

export function Example({ status }) {
  return <BoardingPass status={status} flight={flight} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| status | on-time, gate-change, delayed, boarding | on-time |
| flight | Flight |  |
| patches | Record<status, StatusPatch> |  |
| mark | ReactNode |  |
| animated | boolean | true |

## When to use

- For a ticket that updates after it is issued, like a flight, train or ferry.

## When not to use

- For a list of trips: use Item or Card.
- As the real boarding document: the barcode here is drawn, so pass a real one in your own stub.

## Accessibility

- All fields stay as text in a description list.
- The barcode is decorative and hidden from screen readers.
- A status change is announced politely.
- Delayed times carry the Badge and the note, not only the danger colour.

## Motion

- The status Badge pops in on change in 240 ms.
- The changed field fades its chip in, and the old value crossfades out.
- With reduced motion, values swap in place.