NumberInput

A number input in a web form. We have a separate component from the browser base so we can style it.

Properties

defaultValue {number}

Same as React <input defaultValue= >.

disabled true|false

Same as React <input disabled= >. Also adds a hidden input element with the same name so form submissions work.

id {string}

The DOM id attribute value to use for the underlying<input> element.

max {number}

Maximum value.

min {number}

Minimum value.

name {string}

The DOM name attribute value to use for the underlying<input> element.

onChange {function}

Same as React <input onChange= >.

step {number}

Steps to increase and decrease by.

value {number}

The value to put in the input.

Usage

import NumberInput from 'grommet/components/NumberInput';

<NumberInput value={10}
  onChange={...} />