Directory

← Back

paper-number-input

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

Author

Contributors

Rating

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

Published on webcomponents.org

<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'

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

Polymer/polymer#^2.0.0

  • PolymerElements/paper-button#^2.0.0
  • PolymerElements/paper-input#^2.0.0
  • PolymerElements/iron-flex-layout#^2.0.0
  • PolymerElements/iron-icon#^2.0.0
  • PolymerElements/iron-icons#^2.0.0
  • PolymerElements/iron-form-element-behavior#^2.0.0
  • PolymerElements/iron-input#^2.0.0
  • PolymerElements/iron-iconset-svg#^2.0.0
Released
2017-12-21
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Polymer 2.0+
Browser
Browser Independent

paper-number-input - Vaadin Add-on Directory

A Material Design input field for numric values with step up/down buttons (Polymer 2) paper-number-input - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/Zecat/paper-relative-integer-input](https://github.com/Zecat/paper-relative-integer-input/blob/v1.1.0/README.md) on 2019-01-21 ]** [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/Zecat/paper-number-input) # A Material Design input field for numeric values with step up/down buttons (Polymer 2). ```html ``` ## Installation ```bash 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'
Online