Przejdź do głównej treści

Number Input

Element wejściowy numeru. 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: ''.
  • defaultValue | number: wartość wskazująca domyślną wartość wejścia podczas uruchamiania. Default: 0.
  • disabled | boolean: boolean wskazujący, czy wejście jest aktywne, czy nie. Default: false.
  • inline | boolean: wskazuje, czy wejście jest wyświetlane w linii. Default: false.
  • legend | (string|node): ciąg znaków wskazujący tekst wyświetlany obok wprowadzonego numeru. Default: none.
  • max | number: numer wskazujący maksymalną wartość, która może zostać dodana. Default: null.
  • min | number: numer wskazujący najmniejszą możliwą wartość, która może zostać dodana. Default: null.
  • numbersOnly | boolean: kontroluje, czy akceptowane są tylko numery. Default: true.
  • placeholder | string: string wskazujący tekst wyświetlany, gdy wejście jest puste (wymaga, aby defaultValue było ustawione na null lub undefined). Default: '0'.
  • onBlur | function: funkcja wywołania zwrotnego w przypadku zastosowania metody rozmycia. Default: onBlur() {}.
  • onChange | function: funkcja wywołania zwrotnego, która jest wywoływana przy zmianie numeru wejściowego. 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() {}.
  • step | (number|string): liczba określająca zmiany przyrostowe przy użyciu strzałek przyrostowych. Default: 1.
  • style | object: Style CSS inline. Default: {}.
  • inputStyle | object: Style CSS w linii dla elementu wejściowego. Default: {}.
  • value | number: wartość liczbowa (dla składnika kontrolowanego). Default: none.
  • tooltip | string: łańcuch tooltip (jeśli nie jest ustawiony, to tooltip jest generowany automatycznie). Default: none.
  • tooltipPlacement | string: kierunek końcówki narzędzia. Default: 'left'.

Przykłady​

Edytor na żywo
Wynik
ReferenceError: Provider is not defined