flowbite-vue/docs/components/rating/rating.md

<script setup> import RatingExample from './examples/RatingExample.vue' import RatingWithTextExample from './examples/RatingWithTextExample.vue' import RatingCountExample from './examples/RatingCountExample.vue' import RatingStarSizesExample from './examples/RatingStarSizesExample.vue' </script>

Vue Rating Component - Flowbite

Default rating

Use this simple example of a star rating component for showing review results.

<script setup>
import { Rating } from 'flowbite-vue'
</script>
<template>
  <Rating></Rating>
</template>

Rating with text

If you also want to show a text near the stars you can use this example as a reference.

<script setup>
import { Rating } from 'flowbite-vue'
</script>
<template>
  <Rating></Rating>
</template>

Rating count

Aggregate more results by using this example to show the amount of reviews and the average score.

<script setup>
import { Rating } from 'flowbite-vue'
</script>
<template>
  <Rating></Rating>
</template>

Star sizes

Check out the different sizing options for the star review component from small, medium, and large.

<script setup>
import { Rating } from 'flowbite-vue'
</script>
<template>
  <Rating></Rating>
</template>