[Minor] Allow label floating
This commit is contained in:
parent
b2d0366b29
commit
4560b2ef67
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"name": "strolch-wc-debounced-input",
|
"name": "strolch-wc-debounced-input",
|
||||||
"description": "Strolch WebComponent Debounced Input",
|
"description": "Strolch WebComponent Debounced Input",
|
||||||
"version": "0.1.2",
|
"version": "0.1.3",
|
||||||
"authors": [
|
"authors": [
|
||||||
"Robert von Burg"
|
"Robert von Burg"
|
||||||
],
|
],
|
||||||
|
|
|
@ -12,6 +12,8 @@
|
||||||
--regular-color: lightgrey;
|
--regular-color: lightgrey;
|
||||||
--disabled-color: darkgrey;
|
--disabled-color: darkgrey;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
|
--input-padding: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
paper-input {
|
paper-input {
|
||||||
|
@ -20,7 +22,7 @@
|
||||||
--paper-input-container-input-color: var(--focus-color);
|
--paper-input-container-input-color: var(--focus-color);
|
||||||
--paper-input-container-input: {
|
--paper-input-container-input: {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
padding: 4px;
|
padding: var(--input-padding);
|
||||||
};
|
};
|
||||||
--paper-input-container-underline-disabled: {
|
--paper-input-container-underline-disabled: {
|
||||||
border-bottom-style: solid;
|
border-bottom-style: solid;
|
||||||
|
@ -52,7 +54,8 @@
|
||||||
|
|
||||||
<!-- Content -->
|
<!-- Content -->
|
||||||
<paper-input id="inputElement"
|
<paper-input id="inputElement"
|
||||||
no-label-float
|
label="[[label]]"
|
||||||
|
no-label-float="[[noLabelFloat]]"
|
||||||
placeholder="[[placeholder]]"
|
placeholder="[[placeholder]]"
|
||||||
value="{{input}}"
|
value="{{input}}"
|
||||||
disabled$="[[disabled]]"
|
disabled$="[[disabled]]"
|
||||||
|
@ -97,6 +100,13 @@
|
||||||
type: String,
|
type: String,
|
||||||
value: "search"
|
value: "search"
|
||||||
},
|
},
|
||||||
|
label: {
|
||||||
|
type: String
|
||||||
|
},
|
||||||
|
noLabelFloat: {
|
||||||
|
type: Boolean,
|
||||||
|
value: true
|
||||||
|
},
|
||||||
disabled: {
|
disabled: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
value: false
|
value: false
|
||||||
|
|
Loading…
Reference in New Issue