react-tangle

A tangle.js-style numeric input for React.js.

api

required

<TangleText
  value={numeric value}
  onChange={function to be called on change} />

optional

onFocus={function}
onBlur={function}
popoverKey={string}
className={string, default 'react-tangle-input'}
min={numeric, default -Infinity}
max={numeric, default Infinity}
step={numeric, default 1}
metaStep={numeric, default (10 * step)}
format={function, function(x) { return x; }}
disabled={boolean, default false}

Step is a ratio of pixels moved by mouse versus change in the number. Metastep is a step invoked by holding the Shift key.

Up/Down arrows increment the value by the step value.

See Also

• react-number-editor