Treci la conținutul principal

Number Input

O componentă de intrare a numerelor. 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ă a fi atribuit. Default: ''.
  • defaultValue | number: valoare care indică valoarea implicită a intrării la pornire. Default: 0.
  • disabled | boolean: boolean care indică dacă intrarea este activă sau nu. Default: false.
  • inline | boolean: indică dacă datele de intrare sunt afișate în linie. Default: false.
  • legend | (string|node): șir de caractere care indică textul afișat lângă numărul de intrare. Default: none.
  • max | number: număr care indică valoarea maximă care poate fi introdusă. Default: null.
  • min | number: număr care indică cea mai mică valoare posibilă care poate fi introdusă. Default: null.
  • numbersOnly | boolean: controlează dacă sunt acceptate numai numere. Default: true.
  • placeholder | string: șir de caractere care indică textul afișat atunci când intrarea este goală (necesită ca defaultValue să fie setat la null sau undefined). Default: '0'.
  • onBlur | function: funcția de rechemare care trebuie invocată atunci când se utilizează o metodă de estompare. Default: onBlur() {}.
  • onChange | function: funcția de callback care trebuie invocată atunci când se modifică numărul introdus. 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() {}.
  • step | (number|string): numărul care indică modificările incrementale atunci când se utilizează săgețile de incrementare. Default: 1.
  • style | object: Stiluri inline CSS. Default: {}.
  • inputStyle | object: Stiluri CSS inline pentru elementul de intrare. Default: {}.
  • value | number: valoarea numerică (pentru componenta controlată). Default: none.
  • tooltip | string: șir de caractere pentru tooltip (dacă nu este setat, tooltip-ul este generat automat). Default: none.
  • tooltipPlacement | string: direcția indicatorului de instrumente. Default: 'left'.

Exemple​

Editor live
Rezultat
ReferenceError: Provider is not defined