Ugrás a fő tartalomra

Slider Input

Egy csúszka bemeneti komponens. Használható egy ISLE műszerfal részeként vagy önállóan. Az utóbbi esetben a változásokat az onChange attribútummal kell kezelni, vagy az értéket a bind attribútummal egy globális változóhoz kell kötni.

Opciók​

  • defaultValue | number: A csúszka kezdőértéke. Default: 10.
  • disabled | boolean: szabályozza, hogy a csúszkabemenet aktív legyen-e vagy sem. Ha true-ra van állítva, a csúszka jelen lesz a képernyőn, bár szürkén.. Default: false.
  • inline | boolean: szabályozza, hogy a csúszkát a szöveggel egy vonalban vagy azon kívül helyezzük-e el.. Default: false.
  • legend | (string|node): a bemenet felirata. Default: none.
  • max | number: A csúszka maximális értéke. Default: 100.
  • maxLabel | string: a maximális érték helyett a csúszkától jobbra megjelenő címke. Default: none.
  • min | number: A csúszka minimális értéke. Default: 0.
  • minLabel | string: címke a csúszka bal oldalán jelenjen meg a minimális érték helyett. Default: none.
  • onChange | function: callback az új értékkel, amikor a csúszka értéke megváltozik. Default: onChange() {}.
  • precision | number: a bemenet kerekítése. Az értéket úgy kerekíti, hogy a pontosságnál nem lesz több szignifikáns számjegye. Például, ha csak egész számokat szeretnénk használni, akkor 10-es pontosságot használunk, míg ha százasra szeretnénk kerekíteni, akkor 0,001-es pontosságot használunk.. Default: 10.
  • step | (number|string): a csúszka lépcsőmérete. Default: 1.
  • hideTooltip | boolean: szabályozza, hogy elrejtse-e a tooltip-et. Default: false.
  • style | object: CSS inline stílusok. Default: {}.
  • numberInputStyle | object: CSS inline stílusok a szám beviteli komponenshez. Default: {}.
  • rangeInputStyle | object: CSS inline stílus a tartományi beviteli komponenshez. Default: {}.

Példák​

Élő szerkesztő
Eredmény
ReferenceError: Provider is not defined