About this piece
Closing Timeline
Escrow-style closing timeline with done, current, and upcoming markers linked by a colored rail.
Usage
The import and the props worth knowing about, in one place.
import { Realestate10 } from "@/components/beste/piece/realestate10";
<Realestate10
title="Closing timeline"
steps={[
{
"label": "Offer accepted",
"date": "Apr 20",
"status": "done"
},
{
"label": "Inspection",
"date": "Apr 29",
"status": "current"
},
{
"label": "Appraisal",
"date": "May 6",
"status": "upcoming"
},
{
"label": "Closing",
"date": "May 22",
"status": "upcoming"
}
]}
tone="primary"
bordered={false}
/>