Ratings in Bermuda

Bermuda provides the two types of rating designs which can be used in e-comm apps.

Simple Rating

This is a single star rating with filled background.

4.5
3.7
5.0 
                    

                        <div class="rating-simple border-rounded-lg px-lg">
                            <i class="fa fa-star rated"></i>
                            <span class="bold-lg">4.5</span>
                        </div>

Rating with Multiple Stars

A couple of times we see a rating with multiple stars. Bermuda provides that design too.

4.5 
                    
                        <div class="rating-stars border-rounded-lg">

                            <i class="fa fa-star rating__star rated"></i>
                            <i class="fa fa-star rating__star rated"></i>
                            <i class="fa fa-star rating__star rated"></i>
                            <i class="fa fa-star rating__star rated"></i>
                            <i class="fa fa-star rating__star"></i>

                            <span class="bold-lg p-l-sm"> 4.5 </span>

                        </div>
  Modal
Toast