import React, { useState } from 'react'; import { Badge, Button, Card, Col, Container, Row } from 'react-bootstrap'; //import Components import BreadCrumb from '../../../Components/Common/BreadCrumb'; // Rating import Rating from "react-rating"; import { BasicRaterExample, RaterWithStepExample, CustomMsgExample, ReadOnlyRaterExample, OnHoverExample, ReasetRaterExample } from './UiRatingsCode'; import { Head } from '@inertiajs/react'; import Layout from '../../../Layouts'; const UiRatings = () => { const [customize, setcustomize] = useState(""); const [reset, setreset] = useState(""); return (

Rater Js

Rater-js is a star rating widget for the browser. here are the various examples of rating shown below with variation.

Title Example Description
Basic Rater
Rater with Step
Custom Messages
Example with unlimited number of stars. readOnly option is set to true.
On Hover Event
setcustomize(customize)} />
{customize}
Clear/Reset Rater
setreset("mdi mdi-star text-warning")} /> 
                                                                    
                                                                        
                                                                    
                                                                
                                                <div data-simplebar style="max-height: 220px;">
                                                    ...
                                                    </div>
); }; UiRatings.layout = (page:any) => export default UiRatings;