Text Input
Een tekstinvoercomponent. Kan gebruikt worden als onderdeel van een ISLE-dashboard of stand-alone. In het laatste geval wilt u wijzigingen verwerken via het on-Change attribuut of de waarde binden aan een globale variabele via het bind attribuut.
Opties
- bind |
string: naam van de globale variabele voor het toe te kennen nummer. Default:none. - defaultValue |
string: waarde die de standaardwaarde van de ingang bij de start aangeeft. Default:''. - value |
string: tekstwaarde (voor gecontroleerde component). Default:none. - legend |
(string|node): tekenreeks die de tekst aangeeft die naast de cijferinvoer wordt weergegeven. Default:''. - inline |
boolean: Geeft aan of de invoer inline wordt weergegeven. Default:false. - onBlur |
function: terugbelfunctie die wordt aangeroepen wanneer het tekstgebied zijn focus verliest. Default:onBlur() {}. - onChange |
function: functie die moet worden aangeroepen wanneer een tekstwaarde wordt gewijzigd. Default:onChange() {}. - onKeyDown |
function: terugbelfunctie die moet worden aangeroepen wanneer een toets wordt ingedrukt. Default:onKeyDown() {}. - onKeyPress |
function: terugbelfunctie die moet worden aangeroepen bij het invoeren van een willekeurige toets. Default:onKeyPress() {}. - onKeyUp |
function: terugbelfunctie die moet worden aangeroepen wanneer de toets wordt losgelaten. Default:onKeyUp() {}. - placeholder |
string: tekenreeks die de waarde aangeeft die moet worden weergegeven voordat een eerste keuze wordt gemaakt. Default:none. - width |
number: getal dat de breedte van de invoer aangeeft in pixels. Default:80. - style |
object: CSS inline-stijlen. Default:{}.
Voorbeelden
Live redacteur
Resultaat
ReferenceError: Provider is not defined