About this piece
Driving Directions
Step-by-step driving panel with emerald start, sky turn, and rose end markers linked by a vertical rail.
Usage
The import and the props worth knowing about, in one place.
import { Travel30 } from "@/components/beste/piece/travel30";
<Travel30
heading="Drive · 42 min"
total="58 km"
steps={[
{
"label": "Hotel Alma Soho",
"distance": "0 km",
"type": "start"
},
{
"label": "Merge onto A1 North",
"distance": "4 km",
"type": "turn"
},
{
"label": "Casa da Vinha",
"distance": "58 km",
"type": "end"
}
]}
bordered={false}
/>