Премини към основното съдържание

Slider Input

Компонент за въвеждане на плъзгач. Може да се използва като част от табло за управление на ISLE или самостоятелно. В последния случай искате да обработвате промените чрез атрибута onChange или да свържете стойността с глобална променлива чрез атрибута bind.

Опции​

  • defaultValue | number: Началната стойност на плъзгача. Default: 10.
  • disabled | boolean: контролира дали входът на плъзгача е активен или не. Ако се зададе стойност true, плъзгачът ще присъства на екрана, макар и в сиво.. Default: false.
  • inline | boolean: контролира дали плъзгачът да се постави в една линия с текста или извън него.. Default: false.
  • legend | (string|node): надпис на входа. Default: none.
  • max | number: Максималната стойност на плъзгача. Default: 100.
  • maxLabel | string: етикетът да се показва вдясно от плъзгача вместо максималната стойност. Default: none.
  • min | number: Минималната стойност на плъзгача. Default: 0.
  • minLabel | string: етикетът да се показва вляво от плъзгача вместо минималната стойност. Default: none.
  • onChange | function: обратна връзка, извикана с новата стойност, когато стойността на плъзгача се промени. Default: onChange() {}.
  • precision | number: закръгляне на входа. Стойността ще бъде закръглена така, че да няма повече значещи цифри от точността. Например, ако желаете да използвате само цели числа, ще се използва точност 10, докато ако желаете да закръгляте до стотици, ще използвате точност 0,001.. Default: 10.
  • step | (number|string): размер на стъпката на плъзгача. Default: 1.
  • hideTooltip | boolean: контролира дали да се скрие подсказката за инструменти. Default: false.
  • style | object: CSS инлайн стилове. Default: {}.
  • numberInputStyle | object: CSS вградени стилове за компонент за въвеждане на числа. Default: {}.
  • rangeInputStyle | object: CSS вграден стил за компонента за въвеждане на диапазон. Default: {}.

Примери​

Редактор в реално време
Резултат
ReferenceError: Provider is not defined