ClankDesign
Clank Design/NumberField

Fields / form associated

NumberField

Locale-aware nullable numeric entry with zero-seeded stepping.

280–1600px; fits available space.
NumberField / interactiveFluid · fits available space
Adjust with arrow keys or the step buttons.

Semantic parts

Spread each part getter onto the matching element, then style its stable state attributes.

rootscrub-areascrub-area-cursorgroupdecrementinputincrement

Keyboard guidance

The seats input ranges from 1 to 24. Arrow keys step the value; modifier steps and Home/End depend on the configured steps and bounds.

Keys from the Clank controller contract, with preview and configuration notes. Disabled or read-only controls may prevent changes.

ArrowUp
Increment by step; Alt uses smallStep and Shift uses largeStep.
ArrowDown
Decrement by step; Alt uses smallStep and Shift uses largeStep.
Home
Set min when provided.Requires min; this preview uses 1.
End
Set max when provided.Requires max; this preview uses 24.
Enter
Commit and format the value.