Fieldset Group

Bordered card bundling a legend, description, and a short stack of related inputs.

Billing addressUsed on invoices and receipts.

Street

221B Riverside Ave

City

Istanbul

Postal code

34381

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

Import & use

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