cyrilcabo/material-star-rating

An interactive star rating react component

Material Star Rating

Installation

• Run npm install material-star-rating in your project.
• Import in your project using import Rating from 'material-star-rating';

Usage

<Rating {...props} />

Props

• isBig (optional | boolean | default:false) - changes the size of the stars
• interactive (optional | boolean | default:false) - makes the stars interactive
• handleRate (optional, required if interactive | function | default:null) - handles the rating if the stars are interactive
• value (optional | number | default:0) - the number of filled stars (can have decimal numbers)

Sample Usage

import React from 'react';
import Rating from 'material-star-rating;


const Component = () => {
	const [rating, setRating] = React.useState(1);
	const handleRate = (val) => setRating(val);
	
	return <Rating interactive handleRate={handleRate} value={rating} isBig />
}


export default Component;

Demo