Gå til hovedindhold

Number Input

En talindgangskomponent. 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​

  • bind | string: navnet på den globale variabel for det nummer, der skal tildeles. Default: ''.
  • defaultValue | number: værdi, der angiver inputets standardværdi ved opstart. Default: 0.
  • disabled | boolean: boolean, der angiver, om indgangen er aktiv eller ej. Default: false.
  • inline | boolean: angiver, om input vises inline. Default: false.
  • legend | (string|node): streng, der angiver den tekst, der vises ved siden af talindtastningen. Default: none.
  • max | number: tal, der angiver den maksimale værdi, der kan indsættes. Default: null.
  • min | number: tal, der angiver den mindste mulige værdi, der kan indsættes. Default: null.
  • numbersOnly | boolean: kontrollerer, om kun tal accepteres. Default: true.
  • placeholder | string: streng, der angiver den tekst, der vises, når input er tomt (kræver, at defaultValue er sat til null eller undefined). Default: '0'.
  • onBlur | function: callback-funktion, der skal påkaldes, når der anvendes en sløringsmetode. Default: onBlur() {}.
  • onChange | function: callback-funktion, der skal påkaldes, når talindtastningen ændres. Default: onChange() {}.
  • onKeyDown | function: callback-funktion, der skal påkaldes, når en tast trykkes ned. Default: onKeyDown() {}.
  • onKeyPress | function: callback-funktion, der skal påkaldes, når en tast indtastes. Default: onKeyPress() {}.
  • onKeyUp | function: callback-funktion, der skal påkaldes, når tasten slippes. Default: onKeyUp() {}.
  • step | (number|string): tal, der angiver de trinvise ændringer ved brug af pilene til forøgelse. Default: 1.
  • style | object: CSS inline-stilarter. Default: {}.
  • inputStyle | object: CSS inline-stilarter for indgangselement. Default: {}.
  • value | number: talværdi (for kontrolleret komponent). Default: none.
  • tooltip | string: tooltip-streng (hvis den ikke er indstillet, genereres tooltippet automatisk). Default: none.
  • tooltipPlacement | string: retning af værktøjstip. Default: 'left'.

Eksempler​

Live Editor
Resultat
ReferenceError: Provider is not defined