JSFiddle - React, Tailwind, and code Playground

by Manan Patel

HTML

<link rel="stylesheet" href="https://raw.githubusercontent.com/alpixel/jRating/master/jquery/jRating.jquery.css">
<script src="https://raw.githubusercontent.com/alpixel/jRating/master/jquery/jRating.jquery.js"></script>
<script src="https://raw.githubusercontent.com/alpixel/jRating/master/jquery/jquery.js"></script>
<div class="basic" data-average="12" data-id="1"></div>

CSS

div {
     background-color: green;
}
.basic {
    background-color: red;
}

JavaScript

$(".basic").jRating();

 $(".basic").jRating({
         step:true,
         length : 20, // nb of stars
         onSuccess : function(){
           alert('Success : your rate has been saved :)');
         }
       });