1.0.2 • Published 3 years ago
range-slider-ts v1.0.2
range-slider-ts
Превью плагина
Установка:
npm i range-slider-ts
Основные команды:
| Режим тестирования | Режим разработки | Режим продакшена | Режим линтера |
|---|---|---|---|
npm run test | npm run dev | npm run build | npm run lint |
Конфигурация
| Свойство | Тип | Default | Описание |
|---|---|---|---|
single | number | 20 | Начальные значения для одного бегунка |
from | number | 20 | Начальные значения для первого бегунка |
to | number | 50 | Начальные значения для второго бегунка |
step | number | 1 | Шаг(шаг >= 0.5) |
min | number | 0 | Минимальное значение |
max | number | 1000 | Максимальное значение |
type | string | 'double' | Позволяет выбрать одиночной значение или интервальное |
isInput | boolean | true | Инпут, в котором синхронизировано значение слайдера |
isRange | boolean | true | Инпуты для минимальное значение и максимальное значение |
isLabel | boolean | true | Показывать элемент над бегунком |
isVertical | boolean | false | Вертикальное положение слайдера |
Инициализация слайдера
<div id="slider" class="slider"></div>$(sliderId).rangeSlider({}, sliderId); // инициализация слайдера с настройками по умолчанию;
$(sliderId).rangeSlider(
{
from: 100,
to: 400,
vertical: true,
},
sliderId
);Архитектура
UML диаграмма на сайте
