Przejdź do głównej treści

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