InputRating
Базовый
Оценка: 3
Размеры
Другое число звёзд
Состояния
Входные параметры
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
max | number | 5 | Максимальная оценка — количество звёзд. |
size | 'sm' | 'md' | 'lg' | undefined | Размер звёзд. Если не задан, берётся из C3FormField. |
disabled | boolean | false | Отключает оценку. |
error | boolean | false | Флаг ошибки. |
name | string | undefined | Имя поля. |
readOnly | boolean | false | Только чтение — оценку нельзя изменить. |
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.