paper-number-input

A Material Design input field for numric values with step up/down buttons (Polymer 2)

View larger

Close

[ This description is mirrored from README.md at github.com/Zecat/paper-relative-integer-input on 2019-01-21 ]

<paper-number-input>

A Material Design input field for numeric values with step up/down buttons (Polymer 2).

<paper-number-input
  label="Quantity"
  min="1"
  max="12"
  value="6"
  step="1.1"
  fallback-value="0"
><paper-number-input>

Installation

  bower install -S Zecat/paper-number-input

Usage

For icons to appear, you can either:

• just import the iron-icons/iron-icons.html Polymer element - it is a dependency of this element but not imported by default
• create your own icon set and specify stepDownIcon and stepUpIcon properties according
• import paper-number-input/paper-number-input-icons and define stepDownIcon as 'integer-input:step-down' and stepUpIcon as 'integer-input:step-up'

Links

• Online Demo
• GitHub Homepage
• Documentation
• Issue tracker

Compatibility