isw-color-input
Material Design Polymer 2.0 Color input field, based on paper-swatch-picker.
[ This description is mirrored from README.md at github.com/IswPolymerElements/isw-color-input on 2019-05-10 ]
<isw-color-input>
Material Design Polymer 2.0 Color input field, based on paper-swatch-picker.
Basically an paper-swatch-picker combined with an paper-input. Usage and API is nearly identical to paper-swatch-picker.
<isw-color-input label="Color" color="{{selectedColor}}"></isw-color-input>
The default color set are the 16 MD main colors (500), For an example of an full set like paper-swatch-picker see demo!
Make sure to install and import "web-animations/web-animations-js", since paper-menu-button does not import it anymore in 2.0!
Links
Compatibility
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
- IswPolymerElements/paper-swatch-picker#^2.0.0
- PolymerElements/paper-menu-button#^2.0.0
- PolymerElements/paper-input#^2.0.0
- PolymerElements/iron-icon#^2.0.0
- PolymerElements/iron-icons#^2.0.0
- Released
- 2017-06-13
- Maturity
- TESTED
- License
- Other
Compatibility
- Framework
- Polymer 2.0+
- Browser
- Browser Independent
isw-color-input - Vaadin Add-on Directory
Material Design Polymer 2.0 Color input field, based on paper-swatch-picker.Issue tracker
License
View on GitHub
Documentation
Online Demo
isw-color-input version 1.0.0
### Dependencies
Polymer/polymer#^2.0.0
* IswPolymerElements/paper-swatch-picker#^2.0.0
* PolymerElements/paper-menu-button#^2.0.0
* PolymerElements/paper-input#^2.0.0
* PolymerElements/iron-icon#^2.0.0
* PolymerElements/iron-icons#^2.0.0
isw-color-input version 1.0.1
### Dependencies
Polymer/polymer#^2.0.0
* IswPolymerElements/paper-swatch-picker#^2.0.0
* PolymerElements/paper-menu-button#^2.0.0
* PolymerElements/paper-input#^2.0.0
* PolymerElements/iron-icon#^2.0.0
* PolymerElements/iron-icons#^2.0.0
isw-color-input version 1.0.2
### Dependencies
Polymer/polymer#^2.0.0
* IswPolymerElements/paper-swatch-picker#^2.0.0
* PolymerElements/paper-menu-button#^2.0.0
* PolymerElements/paper-input#^2.0.0
* PolymerElements/iron-icon#^2.0.0
* PolymerElements/iron-icons#^2.0.0
isw-color-input version 1.0.3
### Dependencies
Polymer/polymer#^2.0.0
* IswPolymerElements/paper-swatch-picker#^2.0.0
* PolymerElements/paper-menu-button#^2.0.0
* PolymerElements/paper-input#^2.0.0
* PolymerElements/iron-icon#^2.0.0
* PolymerElements/iron-icons#^2.0.0
isw-color-input version 1.0.4
### Dependencies
Polymer/polymer#^2.0.0
* IswPolymerElements/paper-swatch-picker#^2.0.0
* PolymerElements/paper-menu-button#^2.0.0
* PolymerElements/paper-input#^2.0.0
* PolymerElements/iron-icon#^2.0.0
* PolymerElements/iron-icons#^2.0.0
isw-color-input version 1.0.5
### Dependencies
Polymer/polymer#^2.0.0
* IswPolymerElements/paper-swatch-picker#^2.0.0
* PolymerElements/paper-menu-button#^2.0.0
* PolymerElements/paper-input#^2.0.0
* PolymerElements/iron-icon#^2.0.0
* PolymerElements/iron-icons#^2.0.0