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