#### Ratings

#### 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 |  |
    <div id="basic-rater" dir="ltr"></div>
Rater with Step |  |
    <div id="rater-step" dir="ltr"></div>
Custom Messages |  |
    <div id="rater-message" dir="ltr"></div>
Example with unlimited number of stars. readOnly option is set to true. |  |
    <div id="rater-unlimitedstar" dir="ltr"></div>
On Hover Event |  |
    <div dir="ltr">
        <div id="rater-onhover" class="align-middle"></div>
        <span class="ratingnum badge bg-info align-middle ms-2"></span>
    </div>
Clear/Reset Rater |  |
    <div dir="ltr">
        <div id="raterreset" class="align-middle"></div>
        <span class="clear-rating"></span>
        <button id="raterreset-button" class="btn btn-light btn-sm ms-2">Reset</button>
    </div>

    <div data-simplebar style="max-height: 220px;">
        ...
    </div>

##### Theme Customizer

###### Layout

Choose your layout

##### Vertical

##### Horizontal

##### Two Column

###### Color Scheme

Choose Light or Dark Scheme.

##### Light

##### Dark

###### Layout Width

Choose Fluid or Boxed layout.

##### Fluid

##### Boxed

###### Layout Position

Choose Fixed or Scrollable Layout Position.

Fixed Scrollable

###### Topbar Color

Choose Light or Dark Topbar Color.

##### Light

##### Dark