Přeskočit na hlavní obsah

Slider Input

Vstupní komponenta posuvníku. Lze ji použít jako součást ovládacího panelu ISLE nebo samostatně. V druhém případě chcete zpracovávat změny pomocí atributu onChange nebo svázat hodnotu s globální proměnnou pomocí atributu bind.

Možnosti​

  • defaultValue | number: Počáteční hodnota posuvníku. Default: 10.
  • disabled | boolean: řídí, zda je vstup posuvníku aktivní, nebo ne. Pokud je nastavena hodnota true, posuvník bude na obrazovce přítomen, i když bude šedý.. Default: false.
  • inline | boolean: určuje, zda má být posuvník umístěn v řádku s textem nebo mimo něj.. Default: false.
  • legend | (string|node): popisek vstupu. Default: none.
  • max | number: Maximální hodnota posuvníku. Default: 100.
  • maxLabel | string: štítek, který se zobrazuje vpravo od posuvníku místo maximální hodnoty.. Default: none.
  • min | number: Minimální hodnota posuvníku. Default: 0.
  • minLabel | string: štítek, který se zobrazuje vlevo od posuvníku místo minimální hodnoty.. Default: none.
  • onChange | function: zpětné volání vyvolané s novou hodnotou, když se změní hodnota posuvníku.. Default: onChange() {}.
  • precision | number: zaokrouhlení vstupu. Hodnota bude zaokrouhlena tak, aby neměla více významných číslic, než je přesnost. Pokud si například přejeme používat pouze celá čísla, použijeme přesnost 10, zatímco pokud chceme zaokrouhlovat na stovky, použijeme přesnost 0,001.. Default: 10.
  • step | (number|string): velikost kroku posuvníku. Default: 1.
  • hideTooltip | boolean: kontroluje, zda se má skrýt nápověda k nástroji. Default: false.
  • style | object: Řádkové styly CSS. Default: {}.
  • numberInputStyle | object: Řádkové styly CSS pro komponentu zadávání čísel. Default: {}.
  • rangeInputStyle | object: Řádkový styl CSS pro vstupní komponentu rozsahu. Default: {}.

Příklady​

Živý editor
Výsledek
ReferenceError: Provider is not defined