About this piece
Departure Countdown
Pre-trip card with a focal day count, a thin progress line toward departure, and a boarding-detail caption.
Usage
The import and the props worth knowing about, in one place.
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"
/>More Travel pieces
View all TravelDay 3Lisbon
Sat, Jun 1409:00Time Out MarketCais do Sodré
12:30Ride Tram 28Praça Luís Camões
18:00Miradouro sunsetGraça
Itinerary Day
Day-of-trip card with a destination header and a vertical timeline of timed stops linked by a rail.
BA 117In flight
LHR09:40 · London
JFK12:50 · New York
Landing in 2h 10m0%
Flight Progress
Flight card with a small plane gliding along the arc between two airports as the dotted trail fills behind it and the landing countdown ticks toward Landed.
Skip the lineVatican Museums & Sistine Chapel
€54per person
Rome3 hours · Small group
★ 4.9 · 12,340 reviewsTour Booking
Activity card with a Skip-the-line pill, title, city and duration row, rating line, and per-person price.
Airalo · Japan eSIM5 GB · 15 days
eSIM Plan
Traveler eSIM card showing carrier, plan, data-used fraction pill, and a progress bar toward the total allowance.
