Raterjs-Ratings

Overview Official Website

Rater js is the best star rater for the browser. No dependencies. Unlimited number of stars.

Import Package
<!-- rating plugin -->
import Rating from "react-rating";
Add Package
yarn add react-rating --save
Remove Package
yarn remove react-rating or you can remove package by removing specific package from package.json
Examples
Title Script
Basic Rater
<Rating
initialRating={3}
emptySymbol="mdi mdi-star-outline text-muted "
fullSymbol="mdi mdi-star text-warning "
/> 
Rater with Step
<Rating
initialRating={1.5}
fractions={2}
emptySymbol="mdi mdi-star-outline text-muted "
fullSymbol="mdi mdi-star text-warning "
/>
Custom Messages
<Rating
emptySymbol="mdi mdi-star-outline text-muted"
fullSymbol="mdi mdi-star text-warning "
/> 
Example with unlimited number of stars. readOnly option is set to true
<Rating
stop={16}
emptySymbol="mdi mdi-star-outline text-muted fa-1x"
fullSymbol="mdi mdi-star text-warning"
initialRating={4.5}
readonly
/>
On Hover Event
<Rating
stop={5}
emptySymbol="mdi mdi-star-outline text-muted "
fullSymbol="mdi mdi-star text-warning "
onChange={(customize) => setcustomize(customize)}
/>
Clear/Reset Rater
<Rating
emptySymbol="mdi mdi-star-outline text-muted"
fullSymbol={reset}
onHover={() => setreset("mdi mdi-star text-warning")}
/>
© Toner.
Design & Develop by Themesbrand