Range (Ползунок)

Ползунок выбора числового значения в диапазоне [min, max] с шагом step и необязательным отображением текущего значения.

Специфичные методы Range

Метод	Аргумент	Описание
value(v)	number	Текущее значение. Значение по умолчанию: 0
min(v)	number	Минимальное значение диапазона.
max(v)	number	Максимальное значение диапазона.
step(v)	number	Шаг изменения значения.
label(v)	string	Подпись над ползунком.
showValue(v)	boolean	Показывать текущее значение справа от подписи. Значение по умолчанию: false
onChange(v)	CallbackFunction	Коллбек изменения. Передаёт число.

Базовые методы (наследуются от UIComponent)

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

// Ползунок громкости
const { ui, createState } = PotokSDK;
const state = createState({ volume: 50 });

function draw() {
  ui.render(
    Range("volume")
      .label("Громкость")
      .min(0)
      .max(100)
      .step(1)
      .value(state.volume)
      .showValue(true)
      .onChange((v) => state.volume = v)
  );
}
state.$subscribe(draw); draw();

Запустить в Sandbox