InputRating

Базовый

Оценка: 3

Размеры

Другое число звёзд

Состояния

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

ИмяТипПо умолчаниюОписание
maxnumber5Максимальная оценка — количество звёзд.
size'sm' | 'md' | 'lg'undefinedРазмер звёзд. Если не задан, берётся из C3FormField.
disabledbooleanfalseОтключает оценку.
errorbooleanfalseФлаг ошибки.
namestringundefinedИмя поля.
readOnlybooleanfalseТолько чтение — оценку нельзя изменить.

v-model привязывает текущую оценку через defineModel<number>({ default: 0 }).

Описание

Компонент C3InputRating — рейтинг звёздами: клик по звезде задаёт оценку, повторный клик сбрасывает её в ноль. При наведении показывается предпросмотр значения.

Используйте max для количества звёзд, readOnly/disabled для блокировки и size для размера.

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

  • Слоты отсутствуют.
  • Контейнер имеет роль radiogroup, каждая звезда — role="radio" с aria-checked и подписью «Оценка N из M».
  • В режиме readOnly/disabled кнопки блокируются (disabled), hover-предпросмотр отключается.
  • Компонент интегрируется с C3FormField: берёт ошибку из контекста и регистрирует геттер значения для валидации.
  • События: явные emit не объявляются, изменение идёт через v-model.
×