Slider
Базовый
Громкость: 40
Шаг и диапазон
Рейтинг: 3
Размеры
Состояния
Диапазон (от/до)
Диапазон: от 20 до 80
Диапазон с шагом
Диапазон: от 10 до 30
Диапазон — размеры и состояния
Входные параметры
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
min | number | 0 | Минимальное значение. |
max | number | 100 | Максимальное значение. |
step | number | 1 | Шаг изменения. |
size | 'sm' | 'md' | 'lg' | undefined | Размер ползунка. Если не задан, берётся из C3FormField. |
range | boolean | false | Диапазонный режим — выбор «от/до» двумя ползунками. |
disabled | boolean | false | Отключает ползунок. |
error | boolean | false | Признак ошибки. |
name | string | undefined | Имя поля для форм. |
v-model привязывает значение через defineModel<number | [number, number]>({ default: () => 0 }): число в обычном режиме или массив [от, до] в диапазонном.
Описание
Компонент C3Slider — ползунок для выбора числа или диапазона значений. В обычном режиме рендерится нативный <input type="range">, в диапазонном (range) — два ползунка с заливкой между ними.
Используйте min/max/step для границ и шага, range для выбора интервала.
Дополнительная информация
- Слоты отсутствуют.
- В обычном режиме используется нативный
type="range"со встроенной клавиатурной навигацией. - В диапазонном режиме ползунки имеют
role="slider"сaria-valuemin/aria-valuemax/aria-valuenow; управление стрелками влево/вправо и вверх/вниз. - Перетаскивание в диапазонном режиме реализовано через pointer-события с захватом указателя.
- Компонент не инжектит контекст
C3FormField— используется нативно; ошибка задаётся только пропомerror.