Gå til hovedindhold

Text Input

En komponent til indtastning af tekst. Kan bruges som en del af et ISLE-dashboard eller selvstændigt. 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: none.
  • defaultValue | string: værdi, der angiver inputets standardværdi ved start. Default: ''.
  • value | string: tekstværdi (for kontrolleret komponent). Default: none.
  • legend | (string|node): streng, der angiver den tekst, der vises ved siden af talindtastningen. Default: ''.
  • inline | boolean: Angiver, om input vises inline. Default: false.
  • onBlur | function: callback-funktion, der påkaldes, når tekstområdet mister fokus. Default: onBlur() {}.
  • onChange | function: funktion, der skal kaldes, når en tekstværdi æ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() {}.
  • placeholder | string: streng, der angiver den værdi, der skal vises, før der træffes et første valg. Default: none.
  • width | number: tal, der angiver bredden af input i pixels. Default: 80.
  • style | object: CSS inline-stilarter. Default: {}.

Eksempler

Live Editor
Resultat
ReferenceError: Provider is not defined