Field
Draft Autosave
A draft field with autosave: a pause after typing triggers the save on its own, and a last-saved timestamp stays under the text.
What you can change
- label — the caption above the field
- placeholder — the hint in the empty field
- defaultValue — the draft's starting text
A link for your AI agent: preview, code and instructions.
Preview
Use it with AI
- 1. Copy the link.
- 2. Write to your agent in your own words and drop the link into the sentence.
- 3. The agent opens the link and installs the component from the registry.
put this on the home page as the hero:
https://vibeui.ru/c/field-011?lang=en&theme=dark
Not sure where to paste it? Step-by-step guide
Show the full instructions
What the link says, spelled out. Use it when your agent cannot open links — paste this text instead.
Loading…
For developers
The install command lives in the “Component source” block below — a signed link that stays valid for 24 hours.
Technical notes
The component is self-contained: one file, no dependencies, its palette in --vibeui-field-011-*. A client component: two consecutive pauses decide when to save. The first is silence after typing for delay milliseconds, the second is a short fixed "saving" phase that confirms the save really happened rather than the time merely running out. The state is derived by comparing the current text with the last saved value rather than stored as a separate flag, so it cannot drift away from the actual field content. The timestamp is taken once at the moment of saving and is not recomputed on every render.
Tags
- field
- autosave
- draft
- status
Component source
The same file your agent installs. Here in case you would rather copy it by hand.
Loading…