Svelte Rating
A simple star rating component for Svelte.
Usage
Install from npm
npm install svelte-star-ratings --save
Import the component
<script>
import Rating from 'svelte-star-ratings/Rating.svelte';
let value = 1;
</script>
<Rating
maxRating={5}
bind:value={value}
on:change={(e) => console.log('Value', e.detail)}
/>
{value}
Properties
| Property | Type | Description | Default |
|---|---|---|---|
| value | Number | A property that defines the current rate | -1 |
| maxRating | Number | A property that defines the maximum rate. | 5 |
| mode | String <"edit","read"> | A property that defines if rating is in read or edit mode. | edit |
| change | Function | A callback function called when the rate changes |
