InputNumber

Базовый со степперами

Количество: 3

Шаг

Голоса: 10

Размеры

Состояния

Знаки после запятой (только отображение)

Значение: 12.3456

Локальное форматирование (только отображение)

Префикс и постфикс иконки

Без кнопок -/+

Входные параметры

ИмяТипПо умолчаниюОписание
minnumber0Минимальное значение.
maxnumber100Максимальное значение.
stepnumber1Шаг изменения значения.
size'sm' | 'md' | 'lg'undefinedРазмер поля. Если не задан, берётся из C3FormField.
disabledbooleanfalseОтключает поле.
errorbooleanfalseПризнак ошибки.
namestringundefinedИмя поля для форм.
decimalsnumber0Количество знаков после запятой при отображении (само значение не меняется).
localestring'ru'Локаль для форматирования отображения (значение не меняется).
prefixIconstringundefinedSVG-иконка или имя иконки перед значением.
suffixIconstringundefinedSVG-иконка или имя иконки после значения.
showStepsbooleantrueПоказывать кнопки уменьшения/увеличения (-/+).

v-model привязывает числовое значение через defineModel<number>().

Описание

Компонент C3InputNumber — числовое поле со степперами для точного изменения значения в заданных пределах. Поддерживает ввод с клавиатуры, кнопки -/+, ограничения min/max и шаг step.

Для форматирования отображения используйте decimals и locale (они не изменяют хранимое значение), для оформления — prefixIcon/suffixIcon.

Дополнительная информация

  • Слоты отсутствуют.
  • В поле используется inputmode="decimal"; при фокусе показывается сырое значение, при потере фокуса — отформатированное.
  • Введённое значение ограничивается диапазоном [min, max] и округляется по decimals.
  • Кнопки степперов несут aria-label «Уменьшить»/«Увеличить».
  • Компонент интегрируется с C3FormField: берёт размер и ошибку из контекста и регистрирует геттер значения для валидации.
×