Skip to main content
TermRock
GitHub
ComponentsInputs

Component · Inputs

Number Input

A numeric field with draft text separate from committed value, min/max/step, units, and steppers.

Kind
widget
Input
interactive
Canvas
120×40

Live preview

Loading terminal preview.

Static terminal poster. Choose Run live to start the Rust demo.

Ghosttynumber-input/basic
Loading terminal poster…
○ loading posterNo input — rendered state only
Number Input · exact mounted Rust story
01 · Purpose
What it is for
A numeric field with draft text separate from committed value, min/max/step, units, and steppers.
Best fit: Inputs · input · widget
02 · Behavior
What the mounted story proves
  1. 01
    NumberInput
    Representative 120×40 terminal state.
  2. 02
    Passive paint
    No keyboard or pointer action is claimed by this representative story.
  3. 03
    Evidence stays explicit
    3 covered · 8 partial · 5 missing axes.
03 · Implement
Install, then start from exact code
Install
cargo add termrock --git https://github.com/tailrocks/termrock.git --rev 5283c2acf9154d0cfcd37b1ffe821c00faf90ea2
Add TermRock once. Keep domain effects in the host application.
Minimal implementation
Exact Rust setup used by number-input/basic.
Open to load code.
04 · Adapt
Variants and composition
Variants
Use the preview Variant menu when alternate registered stories exist. Each selection mounts a fresh configuration.
Composition
Inputs · input · widget
05 · Reference
API, tokens, accessibility
API
NumberInputOpen source ↗
Tokens
DesignSystemInspect exact story code for roles and capability projection.
Accessibility
Input contract mountedNo input claim in the representative story.
Contract
Evidence in progress3/23 axes covered
06 · Go deeper
Advanced guidance
Authored implementation guidance
Purpose. Integer or decimal entry for forms and settings: min/max/step,
units, empty/intermediate invalid states, steppers, and safe overflow.


Draft vs committed


Draft (draft_text)Committed (value)
Typingliveunchanged
Enter / blur / stepreformattedclamped + snapped
Escrestoredunchanged


Storage uses locale-independent f64 with . as the only decimal separator.
Ownership boundary
TermRock owns reusable terminal rendering and interaction state. The host owns domain data, policy, persistence, authorization, and side effects.
Evidence status
3 covered, 8 partial, and 5 missing contract axes. Missing evidence is not a behavior claim.
Multi Select
A searchable multi-choice selector with chip summary, select-all, max selection, and highlight≠checked.
Password Input
A secure secret-entry field that masks paint, redacts Debug/semantic output, and never embeds secrets in outcomes.