Easy to use, run and install Svelte component for building SVG stars-rating. It can be used to make unlimited stars with fractional rating and any colors. Component compatible with Server Side Rendering (SSR).
npm install svelte-rating-svg
<script>
import Rating from 'svelte-rating-svg'
</script>
<Rating value="0.25"/>
Property | Description | Type | Default |
---|---|---|---|
value | Value between 0 and 1 | Number | 0 |
color | Color of stars | String | red |
max | Maximum number of stars | Number | 5 |
duration | Transition duration in milliseconds | Number | 1000 |
Code | Result |
---|---|
<Rating value="0.5" color="green" max="3"/> |
|
<Rating value="0.9" color="#AAA" duration="10000"/> |
|
<Rating value="0.4321" max="1"/> |