Departure Countdown

Pre-trip card with a focal day count, a thin progress line toward departure, and a boarding-detail caption.

Next tripLisbon · Jun 14

12days to go

Boarding in 4h 37m · 09:40 local

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Travel10 } from "@/components/beste/piece/travel10";

<Travel10
  label="Next trip"
  destination="Lisbon · Jun 14"
  days={12}
  daysLabel="days to go"
  detail="Boarding in 4h 37m · 09:40 local"
  progress={84}
  tone="neutral"
/>