Text Input
Komponent do wprowadzania tekstu. Może być używany jako część deski rozdzielczej ISLE lub autonomiczny. W tym ostatnim przypadku, chcesz obsługiwać zmiany poprzez atrybut onChange
lub powiązać wartość ze zmienną globalną poprzez atrybut bind
.
Opcje
- bind |
string
: nazwa zmiennej globalnej dla numeru, który ma być przypisany do. Default:none
. - defaultValue |
string
: wartość wskazująca domyślną wartość wejścia przy starcie. Default:''
. - value |
string
: wartość tekstowa (dla składnika kontrolowanego). Default:none
. - legend |
(string|node)
: łańcuch wskazujący tekst wyświetlany obok wprowadzanej liczby. Default:''
. - inline |
boolean
: Wskazuje, czy wejście jest wyświetlane w linii. Default:false
. - onBlur |
function
: funkcja callback wywoływana w przypadku utraty ostrości obszaru tekstowego. Default:onBlur() {}
. - onChange |
function
: funkcja, która ma być wywoływana przy zmianie wartości tekstu. Default:onChange() {}
. - onKeyDown |
function
: funkcja callback, którą można wywołać po naciśnięciu dowolnego klawisza. Default:onKeyDown() {}
. - onKeyPress |
function
: funkcja wywołania zwrotnego, którą należy wywołać po wprowadzeniu dowolnego klawisza. Default:onKeyPress() {}
. - onKeyUp |
function
: funkcja wywołania zwrotnego, która jest wywoływana po zwolnieniu klawisza. Default:onKeyUp() {}
. - placeholder |
string
: łańcuch wskazujący wartość, która ma być wyświetlana przed dokonaniem wstępnego wyboru. Default:none
. - width |
number
: liczba określająca szerokość wejścia w pikselach. Default:80
. - style |
object
: Style CSS inline. Default:{}
.
Przykłady
Edytor na żywo
Wynik
ReferenceError: Provider is not defined