Оценка

Шкала из десяти

Десятибалльная шкала пронумерованными клетками: на десяти делениях звёзды приходится пересчитывать глазами, а цифра называет оценку сразу.

Что можно поменять

  • label — вопрос над шкалой
  • max — длина шкалы, семибалльная тоже работает
  • defaultValue — предвыбранная оценка

Ссылка для ИИ-агента: в ней превью, код и инструкция.

Превью

1440pxТема страницы

Использовать с ИИ

  1. 1. Скопируйте ссылку.
  2. 2. Напишите агенту своими словами и вставьте её в предложение.
  3. 3. Агент откроет ссылку и поставит компонент из реестра.
AI
1Выбрали здесь

добавь это на главную первым экраном:

https://vibeui.ru/c/rating-003?theme=dark

2Вставили в чат агента
3Получили в проекте

Не знаете, куда вставить? Пошаговый гайд

Показать полную инструкцию

То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.

Загружается…

Для разработчика

Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.

Технические заметки

Компонент самодостаточен: один файл, ноль зависимостей, палитра в локальных переменных --vibeui-rating-003-*. Клиентский: оценка в состоянии, есть обработка стрелок. Группа собрана на ролях radiogroup и radio с ручным roving tabindex: фокус входит в группу один раз, а стрелки двигают выбор внутри — десять кнопок в табуляции означали бы десять лишних нажатий Tab до следующего поля. Клетки до выбранной заливаются приглушённым акцентом через color-mix, поэтому оценка читается и как число, и как длина.

Теги

  • rating
  • scale
  • survey
  • keyboard
Исходник компонента

Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.

Загружается…