Pereiti prie pagrindinio turinio

Slider Input

Šliaužiklio įvesties komponentas. Gali būti naudojamas kaip ISLE prietaisų skydelio dalis arba atskirai. Pastaruoju atveju norite apdoroti pakeitimus naudodami atributą onChange arba susieti vertę su globaliu kintamuoju naudodami atributą bind.

Parinktys​

  • defaultValue | number: Pradinė slankiklio vertė. Default: 10.
  • disabled | boolean: kontroliuoja, ar slankiklio įvestis yra aktyvi, ar ne. Jei nustatyta reikšmė true, slankiklis bus ekrane, nors ir pilkos spalvos.. Default: false.
  • inline | boolean: kontroliuoja, ar slankiklį dėti į teksto eilutę, ar už jos ribų.. Default: false.
  • legend | (string|node): įvesties antraštė. Default: none.
  • max | number: Didžiausia slankiklio vertė. Default: 100.
  • maxLabel | string: vietoj didžiausios reikšmės rodyti etiketę slankiklio dešinėje.. Default: none.
  • min | number: Mažiausia slankiklio vertė. Default: 0.
  • minLabel | string: etiketė turi būti rodoma kairėje šliaužiklio pusėje, o ne mažiausia vertė.. Default: none.
  • onChange | function: grįžtamasis skambutis, iškviečiamas su nauja verte, kai pasikeičia slankiklio vertė.. Default: onChange() {}.
  • precision | number: įvesties apvalinimas. Vertė bus suapvalinta taip, kad reikšminių skaitmenų būtų ne daugiau nei tikslumas. Pavyzdžiui, jei norima naudoti tik sveikuosius skaičius, bus naudojamas 10 tikslumas, o jei norima suapvalinti iki šimtųjų skaitmenų, bus naudojamas 0,001 tikslumas.. Default: 10.
  • step | (number|string): slankiklio žingsnio dydis. Default: 1.
  • hideTooltip | boolean: kontroliuoja, ar slėpti įrankių užuominą. Default: false.
  • style | object: CSS eilutės stiliai. Default: {}.
  • numberInputStyle | object: Numerių įvesties komponento CSS eilutės stiliai. Default: {}.
  • rangeInputStyle | object: CSS įvesties komponento CSS eilutės stilius. Default: {}.

Pavyzdžiai​

Tiesioginis redaktorius
Rezultatas
ReferenceError: Provider is not defined