Loading

input:list, input:autocomplete

When used by the Events Mechanism, emits the selected value of the input.

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
datastring[], number[]Content of the list
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.value: Initial value

Sample

List input

<div style="height: 250px">
<discovery-tile url="https://sandbox.senx.io/api/v0/exec" type="input:list">
    {
    'data' [ "admiring" "adoring" "agitated" "amazing" "angry" "awesome" "backstabbing" "berserk" "big" "boring" "clever" "cocky" "compassionate" "condescending" "cranky" "desperate" "determined" "distracted" "dreamy" "drunk" "ecstatic" "elated" "elegant" "evil" "fervent" "focused" "furious" "gigantic" "gloomy" "goofy" "grave" "happy" "high" "hopeful" "hungry" "insane" "jolly" "jovial" "kickass" "lonely" "loving" "mad" "modest" "naughty" "nauseous" "nostalgic" "pedantic" "pensive" "prickly" "reverent" "romantic" "sad" "serene" "sharp" "sick" "silly" "sleepy" "small" "stoic" "stupefied" "suspicious" "tender" "thirsty" "tiny" "trusting"  ]
    'globalParams' { 'input' { 'value' 'focused' } }
    'events' [
    { 'type' 'variable' 'tags' 'myVar' 'selector' 'myVar' }
    ] }
</discovery-tile>
</div>
{ 'data' [ "admiring" "adoring" "agitated" "amazing" "angry" "awesome" "backstabbing" "berserk" "big" "boring" "clever" "cocky" "compassionate" "condescending" "cranky" "desperate" "determined" "distracted" "dreamy" "drunk" "ecstatic" "elated" "elegant" "evil" "fervent" "focused" "furious" "gigantic" "gloomy" "goofy" "grave" "happy" "high" "hopeful" "hungry" "insane" "jolly" "jovial" "kickass" "lonely" "loving" "mad" "modest" "naughty" "nauseous" "nostalgic" "pedantic" "pensive" "prickly" "reverent" "romantic" "sad" "serene" "sharp" "sick" "silly" "sleepy" "small" "stoic" "stupefied" "suspicious" "tender" "thirsty" "tiny" "trusting" ] 'globalParams' { 'input' { 'value' 'focused' } } 'events' [ { 'type' 'variable' 'tags' 'myVar' 'selector' 'myVar' } ] }

Auto-complete input

<div style="height: 250px">
<discovery-tile url="https://sandbox.senx.io/api/v0/exec" type="input:autocomplete">
    {
    'data' [ "admiring" "adoring" "agitated" "amazing" "angry" "awesome" "backstabbing" "berserk" "big" "boring" "clever" "cocky" "compassionate" "condescending" "cranky" "desperate" "determined" "distracted" "dreamy" "drunk" "ecstatic" "elated" "elegant" "evil" "fervent" "focused" "furious" "gigantic" "gloomy" "goofy" "grave" "happy" "high" "hopeful" "hungry" "insane" "jolly" "jovial" "kickass" "lonely" "loving" "mad" "modest" "naughty" "nauseous" "nostalgic" "pedantic" "pensive" "prickly" "reverent" "romantic" "sad" "serene" "sharp" "sick" "silly" "sleepy" "small" "stoic" "stupefied" "suspicious" "tender" "thirsty" "tiny" "trusting"  ]
    'globalParams' { 'input' { 'value' 'focused' } }
    'events' [
    { 'type' 'variable' 'tags' 'myVar' 'selector' 'myVar' }
    ] }
</discovery-tile>
</div>
{ 'data' [ "admiring" "adoring" "agitated" "amazing" "angry" "awesome" "backstabbing" "berserk" "big" "boring" "clever" "cocky" "compassionate" "condescending" "cranky" "desperate" "determined" "distracted" "dreamy" "drunk" "ecstatic" "elated" "elegant" "evil" "fervent" "focused" "furious" "gigantic" "gloomy" "goofy" "grave" "happy" "high" "hopeful" "hungry" "insane" "jolly" "jovial" "kickass" "lonely" "loving" "mad" "modest" "naughty" "nauseous" "nostalgic" "pedantic" "pensive" "prickly" "reverent" "romantic" "sad" "serene" "sharp" "sick" "silly" "sleepy" "small" "stoic" "stupefied" "suspicious" "tender" "thirsty" "tiny" "trusting" ] 'globalParams' { 'input' { 'value' 'focused' } } 'events' [ { 'type' 'variable' 'tags' 'myVar' 'selector' 'myVar' } ] }