Raterjs-Ratings | Velzon - React Js Admin & Dashboard Template Documentation

React-Rating is the best star rater for the browser. No dependencies. Unlimited number of stars.

<!-- rating plugin -->
import Rating from "react-rating";

yarn add react-rating --save

yarn remove react-rating ( you can remove package by removing specific package from package.json )

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")} />`