Loading

input:slider

When used by the Events Mechanism, emits the value of the slider.

NameDefault
--warp-view-input-font-size1rem
--warp-view-input-border-radius0.25rem
--warp-view-input-border-color#c0c0c0
--warp-view-input-label-color#404040
--warp-view-input-bg-color#ffffff
--warp-view-button-font-size1rem
--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-widthauto
--warp-view-button-border-radius0.25rem
NameTypeDescription
datanumberInitial value of the input
globalParamsOptionGlobal options (see above) concerning this tile
paramsOption[]List of options (see above) concerning each displayed dataset depending of the index of this array
eventsEvents[]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' } ] }