About this piece
Fieldset Group
Bordered card bundling a legend, description, and a short stack of related inputs.
Usage
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"
}
]}
/>More Form pieces
View all Formlara@beste.conils@beste.coom@acmeSeparate with commas
om@acme is missing the domain ending.Email Tokenizer
Bulk invite field that tokenizes addresses into chips and flags invalid ones with a rose tint.
One email when we open the doors. Nothing else.
Inline Subscribe Row
A single-row capture card with a labelled email field, an accent submit button beside it, and fine print underneath.
Segmented Control
Pill-grouped segmented control with inset muted track and a raised card under the active choice.
Looks good, @mir
Mention Picker
Inline @-mention typed into a field, paired with an avatar-led autocomplete dropdown beneath.