Gå til hovedindhold

Slider Input

En slider-indgangskomponent. Kan bruges som en del af et ISLE-dashboard eller som en selvstændig komponent. I sidstnævnte tilfælde skal du håndtere ændringer via onChange-attributten eller binde værdien til en global variabel via bind-attributten.

Indstillinger​

  • defaultValue | number: Startværdien for skyderen. Default: 10.
  • disabled | boolean: styrer, om skydeinput er aktivt eller ej. Hvis den er indstillet til true, vil skyderen være til stede på skærmen, om end den er gråtonet.. Default: false.
  • inline | boolean: styrer, om skyderen skal placeres på linje med teksten eller uden for. Default: false.
  • legend | (string|node): billedtekst for input. Default: none.
  • max | number: Den maksimale værdi af skyderen. Default: 100.
  • maxLabel | string: etiket skal vises til højre for skyderen i stedet for den maksimale værdi. Default: none.
  • min | number: Mindste værdi for skyderen. Default: 0.
  • minLabel | string: label skal vises til venstre for skyderen i stedet for minimumsværdien. Default: none.
  • onChange | function: callback, der påkaldes med den nye værdi, når skyderens værdi ændres. Default: onChange() {}.
  • precision | number: afrunding af input. Værdien afrundes, så den ikke har flere betydende cifre end præcisionen. Hvis man f.eks. kun ønsker at anvende hele tal, vil der blive anvendt en præcision på 10, mens man, hvis man ønsker at afrunde til hundredepladsen, vil anvende en præcision på 0,001.. Default: 10.
  • step | (number|string): trinstørrelse for skyderen. Default: 1.
  • hideTooltip | boolean: styrer, om værktøjstip skal skjules. Default: false.
  • style | object: CSS inline-stilarter. Default: {}.
  • numberInputStyle | object: CSS inline-stilarter for komponent til indtastning af tal. Default: {}.
  • rangeInputStyle | object: CSS inline-stil til indtastningskomponent for rækkevidde. Default: {}.

Eksempler​

Live Editor
Resultat
ReferenceError: Provider is not defined