InputNumber
Базовый со степперами
Количество: 3
Шаг
Голоса: 10
Размеры
Состояния
Знаки после запятой (только отображение)
Значение: 12.3456
Локальное форматирование (только отображение)
Префикс и постфикс иконки
Без кнопок -/+
Входные параметры
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
min | number | 0 | Минимальное значение. |
max | number | 100 | Максимальное значение. |
step | number | 1 | Шаг изменения значения. |
size | 'sm' | 'md' | 'lg' | undefined | Размер поля. Если не задан, берётся из C3FormField. |
disabled | boolean | false | Отключает поле. |
error | boolean | false | Признак ошибки. |
name | string | undefined | Имя поля для форм. |
decimals | number | 0 | Количество знаков после запятой при отображении (само значение не меняется). |
locale | string | 'ru' | Локаль для форматирования отображения (значение не меняется). |
prefixIcon | string | undefined | SVG-иконка или имя иконки перед значением. |
suffixIcon | string | undefined | SVG-иконка или имя иконки после значения. |
showSteps | boolean | true | Показывать кнопки уменьшения/увеличения (-/+). |
v-model привязывает числовое значение через defineModel<number>().
Описание
Компонент C3InputNumber — числовое поле со степперами для точного изменения значения в заданных пределах. Поддерживает ввод с клавиатуры, кнопки -/+, ограничения min/max и шаг step.
Для форматирования отображения используйте decimals и locale (они не изменяют хранимое значение), для оформления — prefixIcon/suffixIcon.
Дополнительная информация
- Слоты отсутствуют.
- В поле используется
inputmode="decimal"; при фокусе показывается сырое значение, при потере фокуса — отформатированное. - Введённое значение ограничивается диапазоном
[min, max]и округляется поdecimals. - Кнопки степперов несут
aria-label«Уменьшить»/«Увеличить». - Компонент интегрируется с
C3FormField: берёт размер и ошибку из контекста и регистрирует геттер значения для валидации.