Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
README.md
number-field.css
number-field.html
number-field.js
number-field.meta
screenshot.png

README.md

Number Field

NumberField

The Number Field component wraps an HTML <input type="number"> element and adds a plus and minus stepper button.

How to use

"number": {
    "prototype": "digit/ui/number-field.reel",
    "properties": {
        "element": {"#": "number"},
        "value": 0
    }
}
<input data-montage-id="number" type="number">

Available properties

  • value - Current value
  • min - Minimum value
  • max - Maximum value

Customizing with CSS

  • .digit-NumberField - The NumberField wrapper
  • .digit-NumberField-input - The actual input for the numbers
  • .digit-NumberField-minus - The minus button
  • .digit-NumberField-plus - The plus button
.digit-NumberField-input {
    width: 100px;
}

Browser support

  • Chrome (latest)
  • Firefox (latest)
  • Opera (latest)
  • IE 10+
  • Safari 7+