Treci la conținutul principal

Text Input

O componentă de introducere de text. Poate fi utilizată ca parte a unui tablou de bord ISLE sau de sine stătător. În acest din urmă caz, doriți să gestionați modificările prin atributul onChange sau să legați valoarea de o variabilă globală prin atributul bind.

Opțiuni

  • bind | string: numele variabilei globale pentru numărul care urmează să fie atribuit. Default: none.
  • defaultValue | string: valoare care indică valoarea implicită a intrării la început. Default: ''.
  • value | string: valoarea textului (pentru componenta controlată). Default: none.
  • legend | (string|node): șir de caractere care indică textul afișat lângă numărul de intrare. Default: ''.
  • inline | boolean: Indică dacă intrarea este afișată în linie. Default: false.
  • onBlur | function: funcția de callback invocată atunci când zona de text își pierde focalizarea. Default: onBlur() {}.
  • onChange | function: funcția care trebuie apelată atunci când se modifică o valoare de text. Default: onChange() {}.
  • onKeyDown | function: funcția de callback care trebuie invocată atunci când este apăsată orice tastă. Default: onKeyDown() {}.
  • onKeyPress | function: funcția de callback care trebuie invocată la introducerea oricărei taste. Default: onKeyPress() {}.
  • onKeyUp | function: funcția de apelare care trebuie invocată atunci când se eliberează tastatura. Default: onKeyUp() {}.
  • placeholder | string: șir de caractere care indică valoarea care urmează să fie afișată înainte de efectuarea unei alegeri inițiale. Default: none.
  • width | number: număr care indică lățimea intrării în pixeli. Default: 80.
  • style | object: Stiluri inline CSS. Default: {}.

Exemple

Editor live
Rezultat
ReferenceError: Provider is not defined