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"/> |
 |