stepper

binds state

A number with minus and plus buttons, for small counts like a quantity.

Spec · edit me

No problems. The parser accepted every line.

Result · try itOpen in playground

Tweak the props"text"

min

max

step

Props

"text"textAn optional label on the left.optional

bindstateThe number state this stepper reads and writes.required

minnumberSmallest value (default 0).0

maxnumberLargest value (no limit if left out).—

stepnumberHow much each press changes the value (default 1).1

onactionActions to run after the value changes, e.g. emit:changed. Separate several with ;—

ifconditionShow only when this expression is true, e.g. if=done or if={count>0}. Every element takes it.—

tipstringA short explanation shown on hover, keyboard focus or a tap, e.g. tip="Orders not yet shipped": for a term or a number some people won't know, instead of more words on screen. It makes the element a Tab stop if it isn't one. Every element takes it.—