RATINGS
Ratings are used in forms for users to provide feedback or product rating section for users to view average rating information.
COMPONENT DEMO
<!-- RATING COMPONENT -->
<div class="gentle-ratings-container m-1 px-3 py-2">
<span class="rating-value">3</span>
<span class="rating-star">
<i class="fas fa-star"></i>
</span>
</div>
<!-- INTERACTIVE RATINGS COMPONENT -->
<div class="gentle-feedback-container px-3 py-2 m-1">
<i class="far fa-grin-stars positive"></i>
<i class="far fa-smile-beam smile"></i>
<i class="far fa-meh meh"></i>
<i class="far fa-frown frown"></i>
<i class="far fa-angry angry"></i>
</div>