Autosave Field

Inline field with an autosave status pill that shifts between saved, saving, and unsaved dot colors.

Saved
Beste Sözen
Auto-saves as you type.Saved just now

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

Import & use
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."
/>