README.md

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).

Installation

npm install svelte-rating-svg

Usage

<script>
  import Rating from 'svelte-rating-svg'
</script>

<Rating value="0.25"/>

Properties

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

Examples

Code	Result
<Rating value="0.5" color="green" max="3"/>
<Rating value="0.9" color="#AAA" duration="10000"/>
<Rating value="0.4321" max="1"/>