Fare Breakdown

Itemized receipt for a trip with a dashed divider before the bold total and passenger note.

Fare breakdown

Base fare$284.00

Taxes & fees$28.40

Seat selection$12.00

Total$324.40

For 1 adult

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

Import & use

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"
/>