yb-increment-input v1.0.7

yb-increment-input

Числовой Input с кнопками для изменения количества Посмотреть как работает Струкрута стилей

Подключение

• Импортируем

import IncrementInput from "yb-increment-input";

Примеры использования

• Пример jsx

<IncrementInput
    value={{value: 10}}
    change={this.change}
/>

Пропсы

• Object value установка начального значения Формат объекта: {value: 123}
• Number minValue - нижняя граница число, ниже которого нельзя установить значение компонента
• Number maxValue - верхняя граница число, выше которого нельзя установить значение компонента
• Boolean isDisabled - доступен ли элемент default=false, доступен
• Boolean isNegativeNumbers будут ли использованы отрицательные значения default=false, не будут
• String className

События

• init(Object value) вызывается при инициализации элемента Формат аргумента: {value: 123}
• change(Object value) вызывается при изменении значения Формат аргумента: {value: 123}
• minValueError(Number minValue, Number value) оповещает о попытке установить значение ниже minValue (ниже нижней границы)
• maxValueError(Number maxValue, Number value) оповещает о попытке установить значение выше maxValue (выше верхней границы)

Внешние вызовы

• $update(Number value) изменение значения компонента извне
• $setDisable() сделать компонент недоступным (аналог isDisabled=true)
• $changeDisable() изменяет доступность (isDisabled=true/false)