Pāriet uz galveno saturu

Slider Input

Slaidu ievades komponents. Var izmantot kā daļu no ISLE paneļa vai atsevišķi. Pēdējā minētajā gadījumā vēlaties apstrādāt izmaiņas, izmantojot atribūtu onChange, vai piesaistīt vērtību globālajam mainīgajam, izmantojot atribūtu bind.

Iespējas​

  • defaultValue | number: Slīdņa sākuma vērtība. Default: 10.
  • disabled | boolean: nosaka, vai slīdņa ievade ir aktīva vai nav. Ja iestatīts uz true, slīdnis būs redzams ekrānā, lai gan pelēks.. Default: false.
  • inline | boolean: nosaka, vai slīdni izvietot teksta rindā vai ārpus tās.. Default: false.
  • legend | (string|node): ievades virsraksts. Default: none.
  • max | number: Maksimālā slīdņa vērtība. Default: 100.
  • maxLabel | string: maksimālās vērtības vietā rādīt etiķeti slīdņa labajā pusē.. Default: none.
  • min | number: Slīdņa minimālā vērtība. Default: 0.
  • minLabel | string: minimālās vērtības vietā rādīt etiķeti slīdņa kreisajā pusē.. Default: none.
  • onChange | function: atsauces zvans, kas tiek izsaukts ar jauno vērtību, kad mainās slīdņa vērtība.. Default: onChange() {}.
  • precision | number: ievades noapaļošana. Vērtība tiks noapaļota tā, lai tajā nebūtu vairāk zīmīgo ciparu par precizitāti. Piemēram, ja vēlaties izmantot tikai veselos skaitļus, tiks izmantota precizitāte 10, bet, ja vēlaties noapaļot līdz simtzīmēm, tiks izmantota precizitāte 0,001.. Default: 10.
  • step | (number|string): slīdņa soļa lielums. Default: 1.
  • hideTooltip | boolean: kontrolē, vai paslēpt uzrakstu. Default: false.
  • style | object: CSS iebūvētie stili. Default: {}.
  • numberInputStyle | object: CSS iebūvētie stili numuru ievades komponentei. Default: {}.
  • rangeInputStyle | object: CSS ievilkuma stils diapazona ievades komponentei. Default: {}.

Piemēri​

Tiešraides redaktors
Rezultāts
ReferenceError: Provider is not defined