Skip to main content

Slider Input

Liuguri sisendkomponent. Saab kasutada ISLE armatuurlaua osana või iseseisvalt. Viimasel juhul soovite muudatusi käsitleda atribuudi onChange kaudu või siduda väärtus globaalse muutujaga atribuudi bind kaudu.

Valikud​

  • defaultValue | number: Liuguri algväärtus. Default: 10.
  • disabled | boolean: kontrollib, kas liuguri sisend on aktiivne või mitte. Kui see on seatud väärtuseks true, on liugur ekraanil olemas, kuigi halliks tõmmatud.. Default: false.
  • inline | boolean: kontrollib, kas liugur paigutatakse teksti sisse või väljapoole.. Default: false.
  • legend | (string|node): sisendi pealkiri. Default: none.
  • max | number: Liuguri maksimaalne väärtus. Default: 100.
  • maxLabel | string: silt kuvatakse liuguri paremal pool maksimaalse väärtuse asemel. Default: none.
  • min | number: Liuguri minimaalne väärtus. Default: 0.
  • minLabel | string: silt, mis kuvatakse liuguri vasakul pool minimaalse väärtuse asemel. Default: none.
  • onChange | function: callback, mida kutsutakse üles uue väärtusega, kui liuguri väärtus muutub. Default: onChange() {}.
  • precision | number: sisendi ümardamine. Väärtust ümardatakse nii, et see ei sisaldaks rohkem olulisi numbreid kui täpsus. Näiteks kui soovitakse kasutada ainult täisarvusid, kasutatakse täpsust 10, kui aga soovitakse ümardada sajani, kasutatakse täpsust 0,001.. Default: 10.
  • step | (number|string): liuguri sammu suurus. Default: 1.
  • hideTooltip | boolean: kontrollib, kas peita tööriistavihik. Default: false.
  • style | object: CSS inline stiilid. Default: {}.
  • numberInputStyle | object: CSS inline stiilid numbrisisestuse komponendi jaoks. Default: {}.
  • rangeInputStyle | object: CSS inline stiil vahemiku sisendkomponendi jaoks. Default: {}.

Näited​

Live toimetaja
Tulemus
ReferenceError: Provider is not defined