rating

Rating with editable.

Rating with editable.

Загрузка превью…

src/rating/c-rating-4.vue

<!--
  Расхождение с апстримом: оригинал вызывает `toast.success(...)` из пакета
  `sonner` в обработчике `onRatingChange`. Тост — побочный эффект клика,
  не влияет на статичную разметку (в состоянии покоя тост не отображается),
  и `sonner`/Vue-аналог не входит в зависимости `@revueui/*` — обработчик
  портирован без вызова тоста. Статичное состояние (`productRating = 0`
  до взаимодействия) идентично оригиналу.
-->
<script setup lang="ts">
import { ref } from "vue"
import { Rating } from "@/components/reui/rating"

const productRating = ref(0)
</script>

<template>
  <div class="space-y-8">
    <Rating v-model:rating="productRating" :editable="true" :show-value="true" />
  </div>
</template>

Установка

npx shadcn-vue@latest add https://revueui.rootapi.dev/r/c-rating-4.json

Зависимости реестра

Источник: порт из ReUI (Keenthemes, MIT)