Siirry pääsisältöön

Number Input

Numeron syöttökomponentti. Voidaan käyttää osana ISLE-kojelautaa tai itsenäisesti. Jälkimmäisessä tapauksessa haluat käsitellä muutokset onChange-attribuutilla tai sitoa arvon globaaliin muuttujaan bind-attribuutilla.

Vaihtoehdot​

  • bind | string: sen globaalin muuttujan nimi, johon numero osoitetaan.. Default: ''.
  • defaultValue | number: arvo, joka ilmaisee syötteen oletusarvon käynnistyksen yhteydessä.. Default: 0.
  • disabled | boolean: boolean, joka ilmaisee, onko tulo aktiivinen vai ei.. Default: false.
  • inline | boolean: ilmaisee, näytetäänkö syöttö rivissä. Default: false.
  • legend | (string|node): merkkijono, joka ilmaisee numeron vieressä näkyvän tekstin.. Default: none.
  • max | number: numero, joka osoittaa suurimman sallitun syötettävän arvon.. Default: null.
  • min | number: numero, joka osoittaa pienimmän mahdollisen arvon, joka voidaan lisätä.. Default: null.
  • numbersOnly | boolean: valvoo, hyväksytäänkö vain numerot. Default: true.
  • placeholder | string: merkkijono, joka osoittaa tekstin, joka näytetään, kun syöttö on tyhjä (edellyttää, että defaultValue on asetettu arvoon null tai undefined).. Default: '0'.
  • onBlur | function: callback-funktio, joka kutsutaan, kun käytetään blur-menetelmää. Default: onBlur() {}.
  • onChange | function: takaisinkutsufunktio, joka käynnistetään, kun numeron syöttöä muutetaan.. Default: onChange() {}.
  • onKeyDown | function: takaisinkutsufunktio, joka käynnistetään, kun jokin näppäin painetaan alas.. Default: onKeyDown() {}.
  • onKeyPress | function: takaisinkutsufunktio, joka käynnistetään, kun jokin näppäin syötetään.. Default: onKeyPress() {}.
  • onKeyUp | function: takaisinkutsufunktio, joka käynnistetään, kun näppäin vapautetaan.. Default: onKeyUp() {}.
  • step | (number|string): numero, joka osoittaa asteittaiset muutokset, kun käytetään lisäysnuolia.. Default: 1.
  • style | object: CSS-inline-tyylit. Default: {}.
  • inputStyle | object: CSS inline-tyylit syöttöelementille. Default: {}.
  • value | number: numeroarvo (valvottavan komponentin osalta). Default: none.
  • tooltip | string: tooltip-merkkijono (jos sitä ei ole asetettu, tooltip luodaan automaattisesti). Default: none.
  • tooltipPlacement | string: työkaluvihjeen suunta. Default: 'left'.

Esimerkkejä​

Live Editor
Tulos
ReferenceError: Provider is not defined