When used by the Events Mechanism, emits the value of the slider.
Name | Default |
--warp-view-input-font-size | 1rem |
--warp-view-input-border-radius | 0.25rem |
--warp-view-input-border-color | #c0c0c0 |
--warp-view-input-label-color | #404040 |
--warp-view-input-bg-color | #ffffff |
--warp-view-button-font-size | 1rem |
--warp-view-button-border-color | #004eff |
--warp-view-button-padding | .375rem .75rem |
--warp-view-button-label-color | #ffffff |
--warp-view-button-bg-color | #004eff |
--warp-view-button-width | auto |
--warp-view-button-border-radius | 0.25rem |
Name | Type | Description |
data | number | Initial value of the input |
globalParams | Option | Global options (see above) concerning this tile |
params | Option[] | List of options (see above) concerning each displayed dataset depending of the index of this array |
events | Events[] | List of events to emit (see Events Mechanism) |
Options.input.min
: Minimum value
Options.input.max
: Maximum value
Sample
<div style="height: 250px">
<discovery-tile url="https://sandbox.senx.io/api/v0/exec" type="input:slider">
{ 'data' 42 'globalParams' { 'input' { 'min' 0 'max' 0 } } 'events' [
{ 'type' 'variable' 'tags' 'myVar' 'selector' 'myVar' }
] }
</discovery-tile>
</div>
{ 'data' 42 'globalParams' { 'input' { 'min' 0 'max' 0 } } 'events' [
{ 'type' 'variable' 'tags' 'myVar' 'selector' 'myVar' }
] }