About this piece
Trip Segments
Multi-leg journey card with stacked segment rows and an amber layover strip between them.
Usage
The import and the props worth knowing about, in one place.
import { Travel6 } from "@/components/beste/piece/travel6";
<Travel6
segments={[
{
"depart": "09:40",
"departCode": "IST",
"arrive": "12:20",
"arriveCode": "CDG"
},
{
"depart": "14:50",
"departCode": "CDG",
"arrive": "17:05",
"arriveCode": "LHR"
}
]}
layover="2h 30m layover in Paris"
bordered={false}
/>