Component

Number stepper

Inline numeric input with decrement/increment controls, min/max, and step support.

Number stepper is for small bounded adjustments. Use a slider when the value is approximate or continuous.
form
DOM renderImage render
Number stepperDefault
Parallel agents available to this run.

Playground

Controls update query params directly. Complex slots use item-owned examples so component states stay deterministic, linkable, and screenshot-ready.

Loading playground

Rendered matrix

Every state maps to the same component render route through the state query param.

Default

Dense numeric controls for run configuration.
Parallel agents available to this run.
Render state

Small

Low-count quantity control.
Use fewer workers for lightweight tasks.
Render state

Success

Accepted value with success feedback.
Capacity fits the selected workspace.
Render state

Disabled

Disabled bounded numeric adjustment.
Locked while the current batch is running.
Render state

Error

Invalid or out-of-policy value.
Choose a value between 1 and 10.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
valuenumber-Controlled numeric value.
defaultValuenumber0Uncontrolled initial value.
minnumber-Minimum allowed value.
maxnumber-Maximum allowed value.
stepnumber1Increment size.
onValueChange(value: number) => void-Receives clamped numeric value.
labelReactNode-Field label.