Trip packing checklist in two columns, showing a fraction of done items at the top and strikethroughs.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Travel25 } from "@/components/beste/piece/travel25";
<Travel25
title="Packing list · Lisbon"
items={[
{
"label": "Passport + photocopy",
"done": true
},
{
"label": "Universal adapter",
"done": true
},
{
"label": "Sunscreen SPF 50"
},
{
"label": "Running shoes"
},
{
"label": "Reusable water bottle",
"done": true
},
{
"label": "Light jacket"
}
]}
/>Passenger baggage card with item rows, per-row included or paid pills, and a total allowance footer.
Itemized receipt for a trip with a dashed divider before the bold total and passenger note.
Multi-leg journey card with stacked segment rows and an amber layover strip between them.
Year-in-review card with three tinted tiles tracking countries visited, flights taken, and miles logged.
Ticket-shaped pass with notched edges, a passenger strip, and a detached seat column on the right.
Traveler eSIM card showing carrier, plan, data-used fraction pill, and a progress bar toward the total allowance.