Перейти к содержимому

CoreRating

Живой MDC-рендер и исходник для копирования.

Живой рендер

Так ContentRenderer отрисует этот контент на реальной странице.

Звёздный рейтинг. Для контента используйте readonly — оценка читателя требует состояния и обработчиков из кода.

Только чтение

Максимум и цвет

Интерактивный рейтинг

Без readonly звёзды кликабельны, но выбор живёт через v-model в Vue-коде — сниппет в блоке кода ниже.

Исходник (MDC)

Тот же код текстом — скопируйте в свой контент как есть.
MDC
Звёздный рейтинг. Для контента используйте `readonly` — оценка читателя требует состояния и обработчиков из кода.

### Только чтение

::core-rating{model-value="4" readonly}
::

### Максимум и цвет

::core-rating{model-value="3" max="10" readonly color="primary"}
::

### Интерактивный рейтинг

Без `readonly` звёзды кликабельны, но выбор живёт через `v-model` в Vue-коде — сниппет в блоке кода ниже.