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