About this piece
Autosave Field
Inline field with an autosave status pill that shifts between saved, saving, and unsaved dot colors.
Usage
The import and the props worth knowing about, in one place.
import { Form28 } from "@/components/beste/piece/form28";
<Form28
label="Display name"
value="Beste Sözen"
placeholder="How should we call you?"
status="saved"
savedAt="Saved just now"
hint="Auto-saves as you type."
/>More Form pieces
View all FormRequired
Oud Beste
We use this for invoices and tax documents.Required Field
Labeled input flanked by a red asterisk and a Required pill, plus an explanatory hint below.
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.
Mira & Co.
Shown on invoices and in the team directory.Labeled Input
Standard text field with a label on top and a muted helper line under the control.
Mira & Co.
Inline Edit
Click-to-edit field that toggles between a plain value with a hover pencil and an input flanked by save and cancel buttons.
