Passa al contenuto principale

Text Input

Un componente per l'inserimento di testo. Può essere utilizzato come parte di un cruscotto ISLE o autonomo. In quest'ultimo caso, si desidera gestire le modifiche tramite l'attributo onChange o legare il valore ad una variabile globale tramite l'attributo bind.

Opzioni#

  • bind | string: nome della variabile globale per il numero da assegnare a. Default: none.
  • defaultValue | string: che indica il valore predefinito dell'ingresso all'inizio. Default: ''.
  • value | string: valore di testo (per componente controllato). Default: none.
  • legend | (string|node): stringa che indica il testo visualizzato accanto all'input del numero. Default: ''.
  • inline | boolean: Indica se l'ingresso viene visualizzato in linea. Default: false.
  • onBlur | function: funzione di callback invocata quando l'area di testo perde la messa a fuoco. Default: onBlur() {}.
  • onChange | function: da chiamare quando un valore di testo viene cambiato. Default: onChange() {}.
  • onKeyDown | function: funzione di richiamo da richiamare quando si preme un tasto qualsiasi. Default: onKeyDown() {}.
  • onKeyPress | function: funzione di richiamo da richiamare quando viene inserito un tasto qualsiasi. Default: onKeyPress() {}.
  • onKeyUp | function: funzione di richiamo da richiamare al rilascio del tasto. Default: onKeyUp() {}.
  • placeholder | string: stringa che indica il valore da visualizzare prima di una scelta iniziale. Default: none.
  • width | number: numero che indica la larghezza dell'input in pixel. Default: 80.
  • style | object: Stili in linea CSS. Default: {}.

Esempi#

Editore dal vivo
Risultato
ReferenceError: Provider is not defined