<dy-color-picker>
<dy-color-picker> Example
Loading...
<dy-color-picker .value=${"#418eec"} .disabled=${true}></dy-color-picker>
<dy-color-picker
.alpha=${true}
.value=${"#e5e"}
@change=${(evt) => evt.target.value = evt.detail}></dy-color-picker>
<dy-color-picker> API
Shadow DOM; Extends GemElement
Instance Properties
| Property(Attribute) |
Reactive |
Type |
value(value) |
Yes |
HexColor |
alpha(alpha) |
Yes |
boolean |
disabled(disabled) |
Yes |
boolean |
change |
|
Emitter<HexColor> |
Instance Methods
| Method |
Type |
showPicker |
() => void |
Other
<dy-color-panel> Example
Loading...
<dy-color-panel
.alpha=${true}
.value=${"#e5e"}
@change=${(evt) => evt.target.value = evt.detail}></dy-color-panel>
<dy-color-panel> API
Shadow DOM; Extends GemElement
Instance Properties
| Property(Attribute) |
Reactive |
Type |
value(value) |
Yes |
HexColor |
alpha(alpha) |
Yes |
boolean |
change |
|
Emitter<HexColor> |
Other
