l2t-paper-color
Polymer element to display a Dialogue box for selecting colors
[ This description is mirrored from README.md at github.com/Link2Twenty/l2t-paper-color on 2019-05-10 ]
l2t-paper-color
Dialogue box for selecting colors
Install with bower
First you need bower, see their site for details
bower install --save l2t-paper-color
Examples
<l2t-paper-color></l2t-paper-color>
Styling
The following custom properties are available for styling:
| Custom property | Description | Default |
|---|---|---|
| --l2t-paper-color-width | width of input | 120px |
| --l2t-paper-color-indicator-icon | style for color indicator (programmatically set) | transparent |
| --l2t-paper-color-indicator-icon-display | display style for color indicator (programmatically set) | none |
Attributes
Public
| Attribute Name | Functionality | Type | Default |
|---|---|---|---|
| alwaysFloatLabel | always-float-label: boolean label always in float position | boolean | false |
| colors | array to store list of colors | Array | false |
| disabled | boolean input diabled | Number | 5 |
| hideAdvanced | boolean to hide advance button | boolean | false |
| label | string to store hex color value | string | "Color select" |
| noLabelFloat | boolean remove label when value contains text | boolean | false |
| readonly | boolean input read only | boolean | false |
| value | string for value of input | string | "" |
Methods
Private
| Method Name | Action |
|---|---|
| _colorUpdate() | Updates styles to match value |
| _createDialog | Create dialog on first request |
| _dialogHandler(e) | If dialog is confirmed update value |
| _openDialog() | Open dialog if not readonly |
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/polymer#^2.0.0
- paper-radio-group#PolymerElements/paper-radio-group#^2.0.0
- paper-slider#PolymerElements/paper-slider#^2.0.0
- paper-behaviors#PolymerElements/paper-behaviors#^2.0.0
- paper-styles#PolymerElements/paper-styles#^2.0.0
- iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0
- iron-icons#PolymerElements/iron-icons#^2.0.0
- paper-button#PolymerElements/paper-button#^2.0.0
- paper-dialog#PolymerElements/paper-dialog#^2.0.0
- paper-input#PolymerElements/paper-input#^2.0.0
- Released
- 2018-04-24
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Polymer 2.0+
- Browser
- Browser Independent
l2t-paper-color - Vaadin Add-on Directory
Polymer element to display a Dialogue box for selecting colors
Online Demo
Issue tracker
Documentation
View on GitHub
l2t-paper-color version 0.0.1
### Dependencies
Polymer/polymer#^2.0.0
* PolymerElements/paper-radio-group#^2.0.0
* PolymerElements/paper-slider#^2.0.0
l2t-paper-color version 0.0.2
### Dependencies
* polymer#Polymer/polymer#^2.0.0
* paper-radio-group#PolymerElements/paper-radio-group#^2.0.0
* paper-slider#PolymerElements/paper-slider#^2.0.0
l2t-paper-color version 0.0.3
### Dependencies
* polymer#Polymer/polymer#^2.0.0
* paper-radio-group#PolymerElements/paper-radio-group#^2.0.0
* paper-slider#PolymerElements/paper-slider#^2.0.0
* paper-behaviors#PolymerElements/paper-behaviors#^2.0.0
* paper-styles#PolymerElements/paper-styles#^2.0.0
* iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0
* iron-icons#PolymerElements/iron-icons#^2.0.0
l2t-paper-color version 0.0.4
### Dependencies
* polymer#Polymer/polymer#^2.0.0
* paper-radio-group#PolymerElements/paper-radio-group#^2.0.0
* paper-slider#PolymerElements/paper-slider#^2.0.0
* paper-behaviors#PolymerElements/paper-behaviors#^2.0.0
* paper-styles#PolymerElements/paper-styles#^2.0.0
* iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0
* iron-icons#PolymerElements/iron-icons#^2.0.0
l2t-paper-color version 0.0.5
### Dependencies
* polymer#Polymer/polymer#^2.0.0
* paper-radio-group#PolymerElements/paper-radio-group#^2.0.0
* paper-slider#PolymerElements/paper-slider#^2.0.0
* paper-behaviors#PolymerElements/paper-behaviors#^2.0.0
* paper-styles#PolymerElements/paper-styles#^2.0.0
* iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0
* iron-icons#PolymerElements/iron-icons#^2.0.0
l2t-paper-color version 0.0.6
### Dependencies
* polymer#Polymer/polymer#^2.0.0
* paper-radio-group#PolymerElements/paper-radio-group#^2.0.0
* paper-slider#PolymerElements/paper-slider#^2.0.0
* paper-behaviors#PolymerElements/paper-behaviors#^2.0.0
* paper-styles#PolymerElements/paper-styles#^2.0.0
* iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0
* iron-icons#PolymerElements/iron-icons#^2.0.0
l2t-paper-color version 0.0.7
### Dependencies
* polymer#Polymer/polymer#^2.0.0
* paper-radio-group#PolymerElements/paper-radio-group#^2.0.0
* paper-slider#PolymerElements/paper-slider#^2.0.0
* paper-behaviors#PolymerElements/paper-behaviors#^2.0.0
* paper-styles#PolymerElements/paper-styles#^2.0.0
* iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0
* iron-icons#PolymerElements/iron-icons#^2.0.0
* paper-button#PolymerElements/paper-button#^2.0.0
l2t-paper-color version 0.0.8
### Dependencies
* polymer#Polymer/polymer#^2.0.0
* paper-radio-group#PolymerElements/paper-radio-group#^2.0.0
* paper-slider#PolymerElements/paper-slider#^2.0.0
* paper-behaviors#PolymerElements/paper-behaviors#^2.0.0
* paper-styles#PolymerElements/paper-styles#^2.0.0
* iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0
* iron-icons#PolymerElements/iron-icons#^2.0.0
* paper-button#PolymerElements/paper-button#^2.0.0
* paper-dialog#PolymerElements/paper-dialog#^2.0.0
l2t-paper-color version 0.0.9
### Dependencies
* polymer#Polymer/polymer#^2.0.0
* paper-radio-group#PolymerElements/paper-radio-group#^2.0.0
* paper-slider#PolymerElements/paper-slider#^2.0.0
* paper-behaviors#PolymerElements/paper-behaviors#^2.0.0
* paper-styles#PolymerElements/paper-styles#^2.0.0
* iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0
* iron-icons#PolymerElements/iron-icons#^2.0.0
* paper-button#PolymerElements/paper-button#^2.0.0
* paper-dialog#PolymerElements/paper-dialog#^2.0.0
l2t-paper-color version 0.1.0
### Dependencies
* polymer#Polymer/polymer#^2.0.0
* paper-radio-group#PolymerElements/paper-radio-group#^2.0.0
* paper-slider#PolymerElements/paper-slider#^2.0.0
* paper-behaviors#PolymerElements/paper-behaviors#^2.0.0
* paper-styles#PolymerElements/paper-styles#^2.0.0
* iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0
* iron-icons#PolymerElements/iron-icons#^2.0.0
* paper-button#PolymerElements/paper-button#^2.0.0
* paper-dialog#PolymerElements/paper-dialog#^2.0.0
* paper-input#PolymerElements/paper-input#^2.0.0
l2t-paper-color version 0.1.1
### Dependencies
* polymer#Polymer/polymer#^2.0.0
* paper-radio-group#PolymerElements/paper-radio-group#^2.0.0
* paper-slider#PolymerElements/paper-slider#^2.0.0
* paper-behaviors#PolymerElements/paper-behaviors#^2.0.0
* paper-styles#PolymerElements/paper-styles#^2.0.0
* iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0
* iron-icons#PolymerElements/iron-icons#^2.0.0
* paper-button#PolymerElements/paper-button#^2.0.0
* paper-dialog#PolymerElements/paper-dialog#^2.0.0
* paper-input#PolymerElements/paper-input#^2.0.0
l2t-paper-color version 1.0.0
### Dependencies
* polymer#Polymer/polymer#^2.0.0
* paper-radio-group#PolymerElements/paper-radio-group#^2.0.0
* paper-slider#PolymerElements/paper-slider#^2.0.0
* paper-behaviors#PolymerElements/paper-behaviors#^2.0.0
* paper-styles#PolymerElements/paper-styles#^2.0.0
* iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0
* iron-icons#PolymerElements/iron-icons#^2.0.0
* paper-button#PolymerElements/paper-button#^2.0.0
* paper-dialog#PolymerElements/paper-dialog#^2.0.0
* paper-input#PolymerElements/paper-input#^2.0.0
l2t-paper-color version 1.0.1
### Dependencies
* polymer#Polymer/polymer#^2.0.0
* paper-radio-group#PolymerElements/paper-radio-group#^2.0.0
* paper-slider#PolymerElements/paper-slider#^2.0.0
* paper-behaviors#PolymerElements/paper-behaviors#^2.0.0
* paper-styles#PolymerElements/paper-styles#^2.0.0
* iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0
* iron-icons#PolymerElements/iron-icons#^2.0.0
* paper-button#PolymerElements/paper-button#^2.0.0
* paper-dialog#PolymerElements/paper-dialog#^2.0.0
* paper-input#PolymerElements/paper-input#^2.0.0
l2t-paper-color version 1.0.2
### Dependencies
* polymer#Polymer/polymer#^2.0.0
* paper-radio-group#PolymerElements/paper-radio-group#^2.0.0
* paper-slider#PolymerElements/paper-slider#^2.0.0
* paper-behaviors#PolymerElements/paper-behaviors#^2.0.0
* paper-styles#PolymerElements/paper-styles#^2.0.0
* iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0
* iron-icons#PolymerElements/iron-icons#^2.0.0
* paper-button#PolymerElements/paper-button#^2.0.0
* paper-dialog#PolymerElements/paper-dialog#^2.0.0
* paper-input#PolymerElements/paper-input#^2.0.0
l2t-paper-color version 1.0.3
### Dependencies
* polymer#Polymer/polymer#^2.0.0
* paper-radio-group#PolymerElements/paper-radio-group#^2.0.0
* paper-slider#PolymerElements/paper-slider#^2.0.0
* paper-behaviors#PolymerElements/paper-behaviors#^2.0.0
* paper-styles#PolymerElements/paper-styles#^2.0.0
* iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0
* iron-icons#PolymerElements/iron-icons#^2.0.0
* paper-button#PolymerElements/paper-button#^2.0.0
* paper-dialog#PolymerElements/paper-dialog#^2.0.0
* paper-input#PolymerElements/paper-input#^2.0.0
l2t-paper-color version 1.0.4
### Dependencies
* polymer#Polymer/polymer#^2.0.0
* paper-radio-group#PolymerElements/paper-radio-group#^2.0.0
* paper-slider#PolymerElements/paper-slider#^2.0.0
* paper-behaviors#PolymerElements/paper-behaviors#^2.0.0
* paper-styles#PolymerElements/paper-styles#^2.0.0
* iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0
* iron-icons#PolymerElements/iron-icons#^2.0.0
* paper-button#PolymerElements/paper-button#^2.0.0
* paper-dialog#PolymerElements/paper-dialog#^2.0.0
* paper-input#PolymerElements/paper-input#^2.0.0