Bordered card bundling a legend, description, and a short stack of related inputs.
The import and the props worth knowing about, in one place.
import { Form9 } from "@/components/beste/piece/form9";
<Form9
legend="Billing address"
description="Used on invoices and receipts."
fields={[
{
"label": "Street",
"value": "221B Riverside Ave"
},
{
"label": "City",
"value": "Istanbul"
},
{
"label": "Postal code",
"value": "34381"
}
]}
bordered={false}
/>