Bordered card bundling a legend, description, and a short stack of related inputs.
New here? Read the installation guide.
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"
}
]}
/>One email when we open the doors. Nothing else.
A single-row capture card with a labelled email field, an accent submit button beside it, and fine print underneath.
Bulk invite field that tokenizes addresses into chips and flags invalid ones with a rose tint.
Two inputs arranged side by side on a responsive grid for first/last names and paired fields.
Labeled input flanked by a red asterisk and a Required pill, plus an explanatory hint below.