Компонент «Звёздный рейтинг» позволяет выводить и получать оценку в виде ряда звёзд.
Расположение компонента
Файлы компонента находятся в папке src/components/forms/rating. Здесь вы найдёте JS-файл компонента, HTML-файл с примером кода, а также SCSS-файл для стилизации.
Использование компонента
В HTML воспользуйтесь сниппетом rating или напишите код с использованием data-атрибутов:
<div data-fls-rating="set" class="rating"></div>Использование функционала
- По умолчанию в примере атрибуту
data-fls-ratingзадано значениеset, которое включает возможность получать оценку от пользователя. Если оставить атрибут пустым, компонент будет только отображать оценку. - Оценку, которую будет отображать компонент, можно указать в атрибуте
data-fls-rating-value. - Размер рейтинга — количество звёзд — можно изменить с помощью атрибута
data-fls-rating-size. - Если добавить атрибут
data-fls-rating-title, числовая оценка будет выводиться в атрибутеtitleрейтинга.