YouCan DeveloperRating
Displays a list of stars to indicate an overall review score.
Input
Usage
vue
<script setup lang="ts">
import { ref } from 'vue';
import { RatingInput } from '@youcan/ui-vue3';
const movieRating = ref(0);
</script>
<template>
<RatingInput v-model="movieRating" :ceil="5" />
</template>1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
API Reference
Display
Usage
vue
<script setup lang="ts">
import { Rating } from '@youcan/ui-vue3';
</script>
<template>
<Rating :ceil="5" :score="4" />
</template>1
2
3
4
5
6
7
2
3
4
5
6
7