Treci la conținutul principal

Slider Input

O componentă de intrare cu cursor. Poate fi utilizată ca parte a unui tablou de bord ISLE sau de sine stătător. În acest din urmă caz, doriți să gestionați modificările prin atributul onChange sau să legați valoarea de o variabilă globală prin atributul bind.

Opțiuni​

  • defaultValue | number: Valoarea inițială a cursorului. Default: 10.
  • disabled | boolean: controlează dacă intrarea cursorului este activă sau nu. Dacă este setat la true, glisorul va fi prezent pe ecran, deși gri.. Default: false.
  • inline | boolean: controlează dacă se plasează cursorul în linie cu textul sau în afara acestuia. Default: false.
  • legend | (string|node): legendă a intrării. Default: none.
  • max | number: Valoarea maximă a cursorului. Default: 100.
  • maxLabel | string: etichetă care să fie afișată în dreapta cursorului în locul valorii maxime. Default: none.
  • min | number: Valoarea minimă a cursorului. Default: 0.
  • minLabel | string: eticheta să fie afișată în stânga cursorului în loc de valoarea minimă. Default: none.
  • onChange | function: callback invocat cu noua valoare atunci când se modifică valoarea cursorului. Default: onChange() {}.
  • precision | number: rotunjirea datelor de intrare. Valoarea va fi rotunjită astfel încât să nu aibă mai multe cifre semnificative decât precizia. De exemplu, dacă se dorește să se utilizeze numai numere întregi, se va folosi o precizie de 10, în timp ce dacă se dorește rotunjirea la suta, se va folosi o precizie de 0,001.. Default: 10.
  • step | (number|string): mărimea pasului de deplasare a cursorului. Default: 1.
  • hideTooltip | boolean: controlează dacă se ascunde sau nu tooltip-ul. Default: false.
  • style | object: Stiluri inline CSS. Default: {}.
  • numberInputStyle | object: Stiluri CSS inline pentru componenta de intrare a numerelor. Default: {}.
  • rangeInputStyle | object: Stil CSS în linie pentru componenta de intrare în interval. Default: {}.

Exemple​

Editor live
Rezultat
ReferenceError: Provider is not defined