КРЕАТИВНЫЕ САЙТЫ И ПРИЛОЖЕНИЯ,
КАЧЕСТВЕННЫЕ WEB-УСЛУГИ
phone

SwRate

Оценка звёздами с allowHalf, clearable и showScore.

SwRate

Оценка звёздами. v-model — число от 0 до max (шаг 0.5 при allowHalf).

Свойства / Properties

ИмяТипПо умолчаниюОписание
maxNumber5Число звёзд.
allowHalfBooleanfalseПоловинки.
disabledBooleanfalseНеактивен.
readonlyBooleanfalseТолько просмотр.
clearableBooleanfalseПовторный клик сбрасывает в 0.
showScoreBooleanfalseПоказать число рядом.
sizeString``small / large.
voidIconStringTabler starПустая звезда (URL / спрайт).
iconStringTabler filledЗаполненная звезда.
classString``CSS-класс.

Пример

<script setup>
import { ref } from 'vue'
const rate = ref(3.5)
</script>

<sw-rate v-model="rate" allow-half show-score clearable />