Number Field
Additive Presets
A number with dose buttons: "+10" and "+50" add to the current value instead of replacing it, so a sum builds up in a couple of taps.
What you can change
- label — the field caption
- steps — the set of doses, two or four of them work as well
- defaultValue — the starting amount, which reset returns to
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/number-006?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, zero dependencies, the palette in the local --vibeui-number-006-* variables. Client-side: the value is in state. The buttons add a dose to the current number — that is a fundamentally different scenario from ready-made sums, which replace the value: three doses build any number without the keyboard. Since the addition accumulates, there is a "reset" to the starting value next to it; on the approach to max the buttons are disabled rather than silently bumping into it.
Tags
- number
- presets
- increment
- payment
Component source
The same file your agent installs. Here in case you would rather copy it by hand.
Loading…