mljr-ui · showcase

Number Input

Stepper with − and + buttons. Min/max/step enforced via Datastar expressions.

form number-input
Controls
min
max
step
Current props
min: ""
max: ""
step: ""

Usage

// declare signal in ancestor
ui.Signals("{count:1}")

form.NumberInput(form.NumberInputProps{
    Signal: "count",
    Min:    0,
    Max:    99,
    Step:   1,
})

All combinations (18)

Enum controls only · bool and text use defaults

0 · 10 · 1

Value:

0 · 10 · 5

Value:

0 · 10 · 10

Value:

0 · 100 · 1

Value:

0 · 100 · 5

Value:

0 · 100 · 10

Value:

0 · 999 · 1

Value:

0 · 999 · 5

Value:

0 · 999 · 10

Value:

-10 · 10 · 1

Value:

-10 · 10 · 5

Value:

-10 · 10 · 10

Value:

-10 · 100 · 1

Value:

-10 · 100 · 5

Value:

-10 · 100 · 10

Value:

-10 · 999 · 1

Value:

-10 · 999 · 5

Value:

-10 · 999 · 10

Value:

Props

NameTypeOptionsDefault
minenum0, -100
maxenum10, 100, 99910
stepenum1, 5, 101