Itemized receipt for a trip with a dashed divider before the bold total and passenger note.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Travel7 } from "@/components/beste/piece/travel7";
<Travel7
title="Fare breakdown"
items={[
{
"label": "Base fare",
"value": "$284.00"
},
{
"label": "Taxes & fees",
"value": "$28.40"
},
{
"label": "Seat selection",
"value": "$12.00"
}
]}
total="$324.40"
perPerson="For 1 adult"
/>Passenger baggage card with item rows, per-row included or paid pills, and a total allowance footer.
Multi-leg journey card with stacked segment rows and an amber layover strip between them.
Pre-trip card with a focal day count, a thin progress line toward departure, and a boarding-detail caption.
Flight result with airline, price, two airport codes, and a dotted route arc connecting times.
Trip packing checklist in two columns, showing a fraction of done items at the top and strikethroughs.
Ticket-shaped pass with notched edges, a passenger strip, and a detached seat column on the right.